css：竹节式样表
css主要就增设HTML网页中的文档文档、相片的外型和平面媒体的产业布局等外型表明式样，所以还能特别针对相同的应用程序增设相同的式样。
1、DOM树基本概念
DOM：
（document object model）文件格式第一类数学模型
DOM结点：
文件格式之中每两个原素称之为是DOM结点
原素 = 已经开始条码 + 完结条码 + 原素文档 + 特性
DOM树：
依照DOM结点的冗余亲密关系, 能态射成两个抽象化内部结构
结点亲密关系：（都是相较的：根结点、兄妹二人、先祖和后裔、兄妹）
根结点
html
兄妹二人（间接亲密关系）
head和body是html的子结点，html是head和body的父结点
先祖和后裔
两个原素前面的原素不论啥代都能叫作后裔，也主要就包括间接的子原素也能叫作后裔，但若的第两个原素叫先祖
body能叫作它里头大部份原素的先祖，但若它里头大部份原素是body的后裔
兄妹（Kendujhar亲密关系）
head 和 body 原素 之间是兄妹亲密关系
2、嵌入形式
行内式（内联式样）
<条码名 style=“特性1:特性值1; 特性2:特性值2; 特性3:特性值3;”> 文档 </条码名>内部式样表
<head> <style type=“text/CSS”>选择器 {特性1:特性值1; 特性2:特性值2;}</style> </head>语法中，style条码一般位于head条码中title条码之后，也能把他放在HTML文件格式的任何地方。
type=”text/CSS” 在html5中能省略， 写上也比较符合规范。
外部式样表（外链式）
<head> <link href=“CSS文件的路径” rel=“stylesheet” /> </head>注意： link 是个单条码，写项目用外部式样表最好管理。
href：定义所链接外部式样表文件的URL，能是相较路径，也能是绝对路径。
rel：定义当前文件格式与被链接文件格式之间的亲密关系，在这里需要指定为“stylesheet”，表示被链接的文档是两个式样表文件。
三种式样表总结
式样表
优点
缺点
使用情况
控制范围
行内式样表
手写方便，权重高
没有实现式样和内部结构相分离
较少
控制两个条码 （少）
内部式样表
部分内部结构和式样相分离
没有彻底分离
较多
控制两个网页 （中）
外部式样 表
完全实现内部结构和式样相分离
需要导入
最多，强烈推
控制整个站点 （多）
3、css式样准则
要想熟练地使用CSS对网页进行修饰，首先需要了解CSS式样准则，基本如下：
1.选择器用于指定CSS式样作用的HTML第一类，花括号内是对该第一类增设的具体式样
2.特性和特性值以“键值对”的形式出现
3.特性是对指定的第一类增设的式样特性，例如字体大小、文档颜色等
4.特性和特性值之间用英文“:”连接
5.多个“键值对”之间用英文“;”进行区分
选择器{特性1:特性值1; 特性2:特性值2;} .box{color: #fff;background-color: red;}
