CSS基础（二）--- 三大特性、新特性

一、继承性

简单的理解为-“子承父业”，是指子标签会继承父标签的某些样式，如文本颜色和字号，想要设置一个可继承的属性，只需要将它应用于父元素计科

二、层叠性

层叠性是多种 CSS样式的叠加，是浏览器处理样式冲突的方式，在 HTML 中对于同一个元素可以有多个CSS 样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的 CSS 样式将会覆盖前面的样式

三、优先级

在复杂CSS样式中，往往并不是相同的样式不同值的堆叠那么简单，经常出现两个或多个不同样式规则应用在同一个元素上，这时到底采用哪个样式呢》这就是典型的CSS优先级问题

四、权重
权重等级划分：一般来说是分为4个等级

• 第一等级：代表 内联样式 ，如 style =“”,权重为 1，0，0，0；
• 第二等级：代表 ID选择器，如 #id=“”,权重为 0，1，0，0；
• 第三等级：代表 class | 伪类 | 属性 选择器，如 class | hover,:link,:target ,[type], 取值： 0，0，1，0；
• 第四等级：代表 标签、伪元素选择器，如 p、::after 、：：before、：：fist-inline
• ：：selection,权值 0，0，0，1；
• 此外，通过选择器（*）、子选择器（>）,相邻选择器（+）等选择器 不在 4等级之内，所有的权值都为 0，0，0，0；

五、CSS3新增新特性

• 媒体查询（可以查询设备的物理像素然后进行自适应操作）
• transform，transition，translate,scale,skelw，rotate等相关动画效果
• box-shadow,text-shadow等特效
• CSS3 @font-face 规则,设计师可以引入任意的字体了
• CSS3 @keyframes 规则，可以自己创建一些动画等
• 添加了border-radius，border-image等属性
• CSS3 创建多列（column-count规定文本可以以几列的方式布局）
• CSS3 用户界面（resize，box-sizing，outline-offset）