一、分类
HTML元素可以分为:块级元素、内联元素(行级元素)、内联块级元素(行内块级元素)
二、块级元素
1、一个块级元素独占一行;
2、元素的高、宽度、行高、margin、padding都可以设置;
3、宽度不设置的情况下默认是父元素的100%;
4、常见的块级元素:div、h1-h6、ul、ol、dl、table;
5、设置元素display:block可以将元素转换为块级元素。
三、内联元素
1、和其他元素都在同一行上;
2、元素的宽度和高度都不能设置;
3、顶部和底部边距不能设置(margin-top,margin-bottom,padding-top,padding-bottom);
4、元素的宽度就是它包含的内容的宽度,不可改变;
5、常用的内联元素有:a、span、br、strong、 em;
6、设置display:inline可以将元素转换为内联元素
四、内联块级元素
1、和其他元素都在一行上;
2、元素的宽度、高度、边距(margin、padding)都能设置
3、常见的内敛块级元素有:img、input;
4、设置inline-block可以将元素转换为内联块级元素
5、float:left/right、position:absolute/fixed可以将元素设置为内联块级元素