1.CSS的特性:
a. CSS的层叠性:CSS的层叠性,也就是说后来设置的样式会层叠(覆盖)之前的样式,层叠性 的前提示CSS的选择器的优先级相同。
b. CSS的继承性:CSS的继承性是指,子容器的样式会继承父容器的样式。但并不是所有的样 式都能继承。只有部分样式能继承,比如:文字相关字体大小、颜色、字体 样式、行高、 鼠标样式等。盒子相关的样式都不能继承,比如:宽高、背 景色、边距、浮动、绝对定位等。
c. CSS的优先级:
1、首先比较行内样式,行内样式优先级最高。如果嵌入样式和行内样式同时设置样式时, 行内样式优先级最高。
2、其次是内嵌样式的优先级比较:
内嵌样式的,ID选择器对应的样式优先级最高;其次是Class样式;再次是标签选择器样 式,再次是通配符选择器设置的样式;后面是继承的样式,最后是浏览器默认的样式。
2. display:
display可以控制标签的显示模式。
display:none | inline | block | inline-block
继承性:无
display值的解释:
none:此元素不被显示,在文档中被移除。
block:此元素按块级元素显示:前后带换行符,自己占一行。内联元素 → 块元素
inline:此元素按内联元素显示:1个挨着1个。块元素 → 内联元素
inline-block:按行内标签进行排版,但是可以设置宽高,而且高度可以影响行高
3. 颜色表示:
rgb:红绿蓝三种颜色;rgb(33,235,245)
rgba:a表示透明度;
十六进制:#fff;
4. 网页中的长度单位:
px:像素点,像素就是显示器显示的一个点。
em:1em 等于当前的字体大小,例如:当前元素的字体大小为16px,那么1em = 16px。
5. 字体:
font-size:字体大小
font-family:设置字体
字符间距:letter-spacing;
单词间距:word-spacing
6. 行高:
行高是两行文本基线的距离。实际上就是:文本的高度+一倍的行距。
7. 首行缩进:text-indent;