CSS笔记下

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；