c ss发展史****
· CSS 1 ：始于1966年。
· CSS 2 ：诞生于1998年，添加定位，Z-index,media 属性。
· CSS 2.1：诞生于2004~2011年，目前使用最广泛的版本（IE支持）
· CSS 3：1999年开始起草，把CSS模块化，独立升级各功能。
· CSS：Cascading Style Sheet，层叠样式表。
· Cascading规则****
· cascading层叠规则： 我们一般写的样式都归类在作者样式表，作者样式表根据书写位置又分为三类：行内式、内嵌式、外部链接式，这三类样式的优先级要根据选择器的优先级确定。
· html
· 复制代码
·
·
·
·
·
·
·
· Document
·
·
· #title {
· color: red;
· }
·
·
·
·
title title title
·
·
· css
· 复制代码
· /* css样式 */
· h1 {
· color: blue;
· font-size: 48px;
· }
·
·
· 选择器****
· 内联样式（写在标签内部的）1000，id选择器100，类和伪类10，元素选择器1，通配选择器0.当选择器中包含多种选择器时，需要将各种选择器的优先级相加然后再比较，但是多个相同级的选择器相加的结果不会超过上一个级别的优先级。（选择越详细精确，权重越高，优先级越高）
·
基础选择器：
· *{ }：通配符选择器。选择所有的元素
· E{ }：元素选择器。其中 E 为任何一个元素，如html、body、p、div等。
· .class{ }：类选择器。定义时为class="classname"，class值可以有多个，用空格隔开。
· #id{ }：id选择器。定义时为id="idname"，相同 id 只能有一个。
· s1, s2, s3...sn{ }：群组选择器。一次性选择 多个选择器 所对应的元素。
· s1s2s3...sn{ }：交集选择器。如选择 class 值为 hello 的 div 元素：div.hello{ }
关系选择器：
· E F{ }：后代选择器。选择 E 元素的一个或多个和 F 相同的后代元素。
· E>F{ }：子选择器。选择 E 元素的子元素 F。
· E+F{ }：相邻兄弟选择器。选择紧挨着 E 元素的后一个兄弟 F 元素，如果 F 元素不是 E 元素的后一个兄弟元素，则选择不成功。
· E~F{ }：兄弟选择器。选择 E 元素后面的所有 F 兄弟元素。
