常见的块级元素,行内元素,行内块元素以及他们之间的区别

其实块级元素,行内元素他们的定义并不清晰,因为有这个玩意

display,这个属性可以把标签转换为块级,行内等,总之你喜欢的样子,我都有。

所以我们这里的块级,行内都是他自身本来的定义

块级元素:块级元素会开启新一行,不和其他标签同行显示,可以设置height和width属性

div,p ,h系列 ul 无序列表 li列表项目 ol有序列表  dl 列表 dd列表条目

   行内元素

可以和其他行内元素同行显示,宽高不可设置,一般表现为所包含内容的宽高,

margin只有水平方向有效果,padding无影响

a链接标签 img图片标签 input输入框 span strong修饰类标签 br换行

行内块元素

块级元素和行内元素的结合体,可以和行内元素和行内块元素在同行显示

也有宽高,padding和margin都可用

 

你可能感兴趣的:(html5)