前端开发的第七天-特性总结

一.CSS显示模式:

块级元素有哪些?

div、h、p、ul、ol、li、dl、dd、dt

行级元素有哪些?

sapn 、a、b、em、strong、i

行内块元素有哪些?

img、input

二、特写总结

.块级元素的特性总结：

1.独占一行可以设置宽高

2.在不设置宽度的情况下：块级盒子的宽度是它父级元素内容的宽度

3.在不设置高度的情况下：块级盒子的高度是它本身内容的高度

4.可以设置上下左右的内边距和外边距

行家元素的特性总结：

1.默认是并排显示，不能设置宽高，宽高取决于内容

2.行级元素里面只能容纳文本或者行级元素（不能往行级元素里面嵌套快级元素）

3.行级标签之间有间隙，不可以设置上下外边距

（上下内填充不能把文本挤下来）

行内块级特性总结：1.默认并排显示，可以设置宽高，宽度和高度取决内容

2.并排显示时中间有间隙

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

三、元素类型的转换

本身属性为display:block:的元素都是块级元素

本身属性为display:inline:的元素都是行级元素

本身属性为display:inline-block:的元素都是行内块元素