知识超详细"/>
CSS知识超详细
文章目录
- 一.CSS介绍
- 二.基础知识
- 1.CSS样式表
- 2.基础选择器
- （1）标签选择器
- （2）类选择器
- （3）id选择器
- （4）通配符选择器
- 3.复合选择器
- （1）后代选择器
- （2）子选择器
- （3）并集选择器
- （4）交集选择器
- （5）伪类选择器
- 4.字体样式属性
- （1）字体大小font-size
- （2）字体类型font-family
- （3）字体粗细font-weight
- （4）字体风格font-style
- 5.文本外观样式
- （1）设置文本颜色color
- （2）word-spacing
- （3）letter-spacing
- （4）line-height
- （5）text-transform
- （6）text-decoration
- （7）text-align
- （8）text-indent
- （9）white-space
- 6.文本外观属性
- （1）text-shadow
- （2）overflow
- 7.CSS层叠性、继承性及优先级
- 8.边框介绍
- 8.1边框属性
- （1）border-style
- （2）border-width
- （3）border-color
- （4）border-radius
- 8.2内边距属性
- 8.3外边距属性
- 8.4box-shadow
- 9.背景属性
- 9.1背景颜色
- 9.2背景图片
- （1）background-repeat
- （2）background-position
- （3）background-attachment
- （4）background-size
- （5）background-origin
- （6）background-clip
- （7）复合写法
- （8）不透明
- 10.元素的类型
- 11.span标签
- 12.display
- 13.表格标签
- （1）<table>标签
- （2）<tr>标签
- （3）<td>标签
- （4）<th>标签
- （5）表格边框
- （6）折叠边框
- （7）表格宽度和高度
- （8）表格边框间距border-spacing
- （9）表格标题位置caption-side
- 14.表单
- 14.1创建表单
- （1）标签
- 14.2表单控件
- （1）input控件
- （2）input/标签的type属性
- （3）textarea控件
- （4）select控件
- 15.CSS盒子模型
- （1）边框（border）
- （2）内边距(padding)
- （3）外边距（margin）
- （4）清除内外边距
- （5）盒子模型
- 16.浮动布局
- （1）传统网页布局
- （2）浮动简介
- （3）浮动特性
- （4）清除浮动
- 17.定位布局
- （1）定位组成
- （2）相对定位relative
- （3）绝对定位absolute
- （4）子绝父相
- （5）固定定位fixed
- （6）定位叠放次序z-index
- （7）定位拓展
- 三.其他
- 1.圆角边框
- （1）圆形
- （2）圆角矩形
- 2.盒子阴影
- 3.文字阴影
- 4.用户界面样式
- （1）鼠标样式 cursor
- （2）轮廓线 outline
- （3）防止拖拽文本域 resize
- 5.过渡 transition
一.CSS介绍
CSS 是 层叠样式表的简称，也是一种标记语言。CSS 主要用于设置 HTML 页面中的 文本内容， 图片的外形以及 版面的布局和外观显示样式 。
可以简单理解： CSS 可以美化 HTML , 让 HTML 更漂亮，让页面布局更简单 。
二.基础知识
1.CSS样式表
（1）行内式
<p style="color: pink; font-size: 15px;">但使龙城飞将在</p>
（2）内联式
<title>内部样式表</title><style>div {color: red;}</style>
(3)链入式
<head>
<link href="CSS文件的路径" type = "text/css" rel 更多推荐
CSS知识超详细
发布评论