CSS：cascading style sheets层叠样式表
CSS样式表的建立:
1.内部样式表（嵌套到页面中）
2.内联样式（行间样式，行内样式，嵌入式样式）
3.引用外部样式表文件
内部样式表：
<style type=”text/css”>
/*css语句*/
</style>
注意：使用style标记创建样式时，最好将该标记写在<head></head>；
内联样式：
<标签 style=”属性：属性值；属性：属性值；”></标签>
例如：
<div style=”width:100px;height:100px;border:1px #000 solid;”></div>
外部样式的建立及调用：
步骤一：外部样式表的创建
步骤二：外部样式表的导入
引用外部样式表文件：
方法一：
<link rel=”stylesheet” type=”text/css” href=”目标文件的路径及文件名全称”/>
说明：使用link元素导入外部样式表时，需将该元素写在文档头部，即<head></head>中。
方法二：
<style type=”text/css”>
@import url(目标文件的路径及文件名全称)；
</style>
注意：@和import之间没有空格，url和小括号之间也没有空格；必须以分号结束。
link和import导入外部样式的区别：
差别1：老祖宗的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS。
差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。
差别3：兼容性的差别。：@import是CSS2.1提出的，所以老的浏览器不支持，@import只在IE5以上的才能识别，而link标签无此问题。
差别4：使用dom控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
CSS样式表的优先级：
内联样式表的优先级别最高；
内部样式表与外部样式表的优先级和书写的顺序有关，后书写的优先级别高。
CSS语法由两部分组成：选择符、声明
选择符{属性：属性值；属性：属性值；}
CSS选择符（选择器）
选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素。
CSS选择符包括4大类：类型选择符、id选择符、class选择符、和特殊选择符；
常用的选择符：
类型选择符（标记选择器）
类选择符 （class选择符）：.class名{属性：属性值；}
ID选择符 （id选择器）：#id名{属性：属性值；}
伪类选择器：：
a:link{属性：属性值;}超链接的初始状态;
a:visited{属性：属性值;}超链接被访问后的状态;
a:hover{属性：属性值;}鼠标悬停，即鼠标划过超链接时的状态;
a:active{属性：属性值;}超链接被激活时的状态，即鼠标按下时超链接的状态;
群组选择符（集合选择器）：选择符1，选择符2，选择符3{属性：属性值；}
通配符（*）:*{属性：属性值；}
伪对象选择符
包含选择符（后代选择器）：选择符1 选择符2{属性：属性值；}
选择符父级 选择符子级{属性：属性值；}