二、CSS

1、介绍

1、css主要负责修饰页面信息，是类似图层式

2、css最基本的分类：标签样式表、类样式表、ID样式表

2、语法

2.1、css基本语法

1、标签样式

1、xx标签{

​ 修饰内容

}

2、xx标签都会被修饰

3、其他样式表和以上样式相同

4、css标签样式是就近原则修饰

5、.xxx标签：是类标签

6、#xxx标签：是id标签

2、引入css

1、一般 html页面和css页面不写在同一页面上

2、\\：用语引入css样式

3、css盒子模型

1、封装周围的HTML元素，它包括：边距，边框，填充，和实际内容

2、 最终元素的总宽度计算公式是这样的：

总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距

3、元素的总高度最终计算公式是这样的：

总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距

4、IE浏览器：实际尺寸=width

5、chrome浏览器：实际尺寸=width+左右borderwidth+padding

6、border：边框

7、margin：间距

8、padding：填充

4、css布局

1、position

（1）absolute—绝对定位，需要配合使用：left、top

（2）relative—相对定位，一般会和float，margin，padding……一起使用

2.2、补充em方式解决无法调整文本（IE）

1、em的方式可以解决在部分Internet Explorer 中无法调整文本。

浏览器中默认的文字大小是16 px，1 em代表与当前字体大小相等。

em 单位与像素转换公式为：

px/16=em