Day07

css显示模式

html元素分为三大类：块级元素、行级元素、行内块元素

块级元素--本身属性为display：block；的元素才能被称为块级元素

特性：1、独立成行、可以设置宽高

2、在不设置宽度的情况下：块级元素的宽度是他父级元素内容的宽度

3、在不设置高度的情况下：块级元素的高度是他本身内容的高度

4、可以设置四个方向的外边距（margin）和内填充（padding）

行级元素--本身属性为display：inline；的元素才能被称为行级元素

特性：1、默认并排显示，不可以设置宽高，宽高取决于内容

2、行级元素只能容纳文本或其他的行级元素（不能在行级元素里嵌套块级元素）

3、不能设置上下的内填充和外边距

4、行级元素之间有间隙（换行空格会被解析）

行内块元素--本身属性为display：inline-block；的元素才能被称为行内块元素

特性：1、默认并排显示，可以设置宽高，宽高取决于内容

2、可以设置任意方向的内填充和外边距

3、并排排列时，有间距。（换行和空格会被解析）

元素类型的相互转换

元素类型的转换：

display：block；转换为块级元素

display：inline；转换转换为行级元素

display：inline-block；转换为行内块元素