html

1、盒模型

把所有的网页元素都看成一个盒子,它具有: content,padding（内边距）,border（边框）,margin（外边距） 四个属性,这就是盒子模型 

分为标准盒子模型和IE盒子模型
两种模式可以利用box-sizing属性进行自行选择：

　　标准模式：box-sizing:content-box;

　　IE模式：box-sizing:border-box;

区别：
标准盒子模型的 （height和width）只有content部分，而IE盒子模型则包括border + padding+ content

2、行内元素和块级元素

在html中，元素主要分为行内元素和块级元素；

行内元素指的是书写完成后不会自动换行（不独占一行），并且元素没有宽和高。
（a）—— 标签定义链接
（b）—— 字体加粗
（br）—— 换行
（i）—— 斜体文本效果
（img）—— 在网页中嵌入图片
（input）—— 输入框
（span）—— 组合文档中的行内元素
（small）——呈现小号字体效果
（big）——呈现大号字体效果
（sub）—— 定义下标文本
（sup）—— 定义上标文本

块级元素写完后会自动换行（独占一行），有宽高可以修改。
（div）—— 定义文档中的分区或节
（dl）—— 定义列表
（dt）—— 定义列表中的项目
（dd）—— 定义列表中定义条目
（h1 - h6）—— 定义标题
（hr）创建一条水平线
（ol）—— 定义有序列表
（ul）—— 定义无序列表
（li）—— 定义列表中的项目
（p）—— 定义段落
（table）—— 标签定义 HTML 表格
（tbody）—— 标签表格主体（正文）
（td）—— 表格中的标准单元格
（th）—— 定义表头单元格
（tr）—— 定义表格中的行
（tfoot）—— 定义表格的页脚（脚注或表注）
（thead）—— 标签定义表格的表头

还有一种特殊的元素叫做行内块元素：不自动换行，能够识别宽高

这三者是可以互相转换的，使用display属性能够将三者任意转换：

　　(1)display:inline;转换为行内元素

　　(2)display:block;转换为块状元素

　　(3)display:inline-block;转换为行内块状元素

 3、position

相对定位(relative)：

相对于该元素在文档流中的正常位置进行偏移定位，原占位仍保留(即不脱离文档流)。

position的absolute与fixed共同点与不同点：

- A：共同点：

1. 改变行内元素的呈现方式，display被置为block；2.让元素脱离文档流，不占据空间；3.默认会覆盖到非定位元素上

- B不同点：

absolute的”根元素“是可以设置的，而fixed的”根元素“固定为浏览器窗口。当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。