css的认识
n CSS3的概念
CSS（Cascading Style Sheets）：层叠样式表，又叫级联样式表，简称样式表.
n 为什么需要css？
作用：
u css可以改变或者美化我们的网页
u 实现网页结构和样式的分离
u 提高代码的可重用性和可维护性
n 认识一下css
n Css样式的方式：
一、内联样式（行内样式），尽量少用
样式定义在单个的 HTML元素中
二、内部样式
样式定义在 HTML 页的头元素中，用<style></style>标签包起来
三、外部样式表
将样式定义在一个外部的 CSS 文件中（.css 文件）
由 HTML 页面引用样式表文件
n Css的语法规范
选择器{
属性名1：属性值1；
属性名2：属性值2；
属性名3：属性值3；
...
}
n Css选择器
u 元素选择符
l 通配选择符(*)
1、可以与任何元素匹配
2、常用于设置一些默认样式，比如设置整个文档的文本的默认字体和大小
3、通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需酌情使用
l 类选择符
语法为：.className { color:red;}
类名称不能以数字开头
可以将多个类选择器应用于同一个元素（多类选择器）HTML 元素的 class 属性的值中可能包含一个词列表，各个词之间用空格分隔，每个词都是一个类选择器
l 类型选择符（也叫元素选择器）
html 文档的元素就是选择器，比如 <p>、<h1> 等
l ID选择符
语法为：
选择器前面需要有一个 # 号
选择器本身则为文档中某个元素的 id 属性的值
u 关系选择符
l 包含选择符：(也叫层级选择符或者后代选择符)
选择符一 选择符二{
属性一：属性值一；
属性二：属性值二；
...
}
注意：与子选择符不同的是，包含选择符将会命中所有符合条件的后代，包括儿子，孙子，孙子的孙子..
l 子元素选择符
E>F { sRules }
与包含选择符不同的是，子选择符只能命中子元素，而不能命中孙辈
子元素选择器和包含选择符的区别：
l 相邻选择符
E+F { sRules }
注意：只代表后面那个相邻的元素。
l 兄弟选择符
E~F { sRules }
注意：与相邻选择符不同的是，兄弟选择符会命中所有符合条件的兄弟元素，而不强制是紧邻的元素
u 属性选择器
E[att] { sRules }
E[att=""] { sRules }
选择具有avaltt属性且属性值等于val的E元素
E[att~="val"] { sRules }
选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素（包含只有一个值且该值等于val的情况）
E[att^="val"] { sRules }
选择具有att属性且属性值为以val开头的字符串的E元素。
E[att$="val"] { sRules }
选择具有att属性且属性值为以val结尾的字符串的E元素。
E[att*="val"] { sRules }
选择具有att属性且属性值为包含val的字符串的E元素。
E[att|="val"] { sRules }
选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素，如果属性值仅为val，也将被选择。
