【CSS回顾】CSS3复习遗忘点（1）

CSS3复习遗忘点

em和rem:

em是相当于元素的字体大小来计算的会根据字体大小的变化而变化

​ 1em = 1 font-size

rem： rem是相对于根元素（HTML）的字体大小来计算的

各类选择器及其优先级

行内样式选择器：1000 id选择器：100 伪类、属性、类：10 !important也是最高优先级

行内样式选择器> id选择器> 类和伪类选择器> 元素选择器> 通配选择器> 样式继承

样式继承：继承是发生在祖先后代之间的，继承的设计是为了方便我们开发利用继承一次设置就能多个使用，然后并非所有样式都能继承，与背景相关的布局相关的这类样式设置不会被继承

伪类有：

​ ：first-chil 第一个子元素

​ : last-child 最后一个子元素

​ : nth-child(n) 第n个子元素 // 特殊值n 第n个 2n或者even 选中偶数位的子元素 2n+1或者odd选择奇数位的子元素

​ ：not（）否定伪类 ： 将符合条件的元素从选择器中去除

伪元素：

​ ：：first-letter 第一个字母

​ ：：first-line 第一行

​ ：：slection 表示选中内容

​ ：：before 元素的开始位置

​ ：：after 元素的最后位置

覆盖规则：

1.由于继承而发生样式冲突时，祖先获胜

2.继承样式和直接指定的样式冲突时候，直接指定样式获胜

3.直接指定的样式发生冲突时候，权值高获胜

4.权值相同，后者获胜

5.！importanrt的样式属性不会被覆盖

CSS3新特性：

1.各种选择器 2.圆角（border-radius）3.多列布局（multi-column layout）4.阴影和反射（Shadowflect）5.文字特效ÿ