HTML常见的块元素、行内元素总结

HTML常见的块级元素、行内元素

1、常见块级元素
div ，p ，ul , li ,h1-h6…

块级元素特点：(1)所有的块级元素都会独占一行;
(2)块级元素可以直接设置其宽度和高度；
(3)如果一个块级元素没有设置宽度，那么其默认的宽度是父元素的宽度。
2、常见行内元素
span ,a ,strong ,em ,b ,s ,i ,font…

行内元素特点：(1)所有行内元素都在一行上显示；
(2)行内元素没有宽度和高度（即使设置也不生效）。
3、常见行内块元素
img ,input ,select ,textarea ,button ,label …

   行内块元素特点：(1)与所有的行内元素相同都在一行上显示；
                                (2) 与块级元素相同可以设置宽度和高度。

4、不同元素之间的转换方式
转换为块级元素： disaplay : block
转换为行内块元素：dispaly : inline-block
转换为行内元素 ： display : inline