#HTML 块级、内联、内联块级元素

常用的块级元素

div,form,p,table,h1~h6,hr,dl,ol,ul,pre等

【常用的内联元素】

a,img,input,span,br,select,strong,em,textarea,label等

【概念】

块级:block

内联:inline

内联块级:inline-block

【特征】

1.块级元素

独占一行。

可设置width,height,margin,padding。

内部可包含块级或内联元素。

2.内联元素

和其他inline元素同行显示。

设置widht,height,margin-top,margin-bottom,padding-top,padding-bottom无效,可以设置margin-left,margin-righ,padding-left,padding-right。

内部可包含块级或内联元素,内部包含块级元素时,该块级元素继续保持独行显示,下一个内联元素会换行显示。

3.inline-block

和其他inline元素同行显示。

和块级元素一样可设置width,height,margin,padding。

内部可包含块级或内联元素,内部包含块级元素时,该块级元素会在内联元素的内部独行显示,不会影响下一个内联元素的同行显示。

上一篇:web兼容学习分析笔记--块级、内联、内联块级元素


下一篇:既然CPU一次只能执行一个线程,那多线程存在的意义是什么?