html元素分类

788 阅读1分钟
一、分类
    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可以将元素设置为内联块级元素