行内，行内块，块级元素的特点

块级元素：

特点：

• 独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；

块级标签有：

• p、div、ul、ol、li、dl、dt、dd、h1~h6、form；

行内元素： 

特点：

• 可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高；

行内标签有：

• a、span、em、strong、b、i、u、label、br；

行内块元素：

特点：

• 结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；

行内块标签有：

• img、 input、 textarea；

各种标签之间的转换：

        1、块级标签转换为行内标签：display:inline;

        2、行内标签转换为块级标签：display:block;

        3、转换为行内块标签：display：inline-block;

注意：

1、一般情况下，块级元素可以设置width,height属性，行内元素设置width,height无效

2、块级元素可以设置margin,padding属性

3、行内元素的水平方向的padding-left和padding-right都会产生边距效果，但是竖直方向上的padding-top和padding-bottom都不会产生边距效果

4、当标签浮动后（float）会转换成行内块特点；

这篇好文章是转载于：学新通技术网