块级标签、行内标签、行内块标签

一、块级标签

块级标签的特点：
1、可以直接写宽高；
2、独占一行；
3、默认宽度是父级标签的宽度
4、一般用于作为容器布局 可以嵌套其他块级元素或者行内元素（p标签不要包裹其他块级元素）

哪些标签是块级标签？

div、p、h1-h6、ol、ul、li、dl、dt、dd、header、footer、nav、aside、article、section

二、行内元素

行内标签的特点：
1、宽高对于行内元素没有作用
2、可以允许其他行内元素排成一排
3、内容有多大就撑多大，如果没有内容，那么没有大小
4、一般用来包裹文字或者做一些小的装饰（行内标签不要嵌套块级标签，a除外）
5、行内标签与display、float、position会擦除火花（行内标签会具有行内块级元素属性）
哪些是行内标签？
span、a、strong、ins、b、del、s、u、i、em

三、行内块标签

行内块标签的特点：
1、行内块标签其实本质上是一种特殊的行内标签（text-align和line-height都可以控制行内块元素）
2、允许其他的行内元素排一排
3、可以设置宽高
哪些是行内块标签？
img、input

四、三种标签属性转换

display的用法

dispaly:bloak;//行内转块级
dispaly:inline;//块级转行内
dispaly:inline-bloak;//块级转行内块