样式表

内部样式表，写在style中的

行内样式表（内联样式表），写在标签内

外部样式表（外联样式表），写在css文件里面，在html中<link>引用

标签类型（显示模式）

display:  block  |  inline  |  inline-block

块级元素（block-level）

每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性

常见的块元素有h1~h6、p、div、ul、ol、li等，其中div最典型

行内元素（inline-level）

不占独立的区域，不可以设置高宽、对齐等属性，常用于控制页面中文本的样式

常见的有a、strong、b、em、i、del、s、ins、u、span等，其中span最典型

只能设置水平方向的padding和margin，垂直方向无效；

只能容纳文本或者其他行内元素（a特殊，a里面不能再放a标签）；

注意：

只有文字才能组成段落，因此p里面不饿能放块级元素，同理还有h1~h6、dt，他们都是文字类块级标签，里面不能放其他块级元素

块级元素和行内元素的区别

块级元素的特点：

1、总是从新行开始

2、高度、行高、外边距以及内边距都可以控制

3、宽度默认是容器的100%

4、可以容纳内联元素和其他块元素

行内元素的特点：

1、和相邻行内元素在一行上

2、高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效

3、默认宽度就是它本身内容的宽度

4、行内元素只能容纳文本或者其他行内元素

行内块标签inline-block

可以设置宽高和对齐属性，img、input、td等

行内块元素的特点：

1、和相邻行内元素（行内块）在一行上，但是之间会有空白缝隙

2、默认宽度就是它本身内容的宽度

3、宽高、行高、外边距以及内边距都可以控制