HTML中有不少的标签(元素),能够按照这些元素在网页中所占的空间状况进行分类。具体能够这样简单的分类:布局
1.块级元素:指的是在网页中该元素独自占据网页的一行显示区域,即当使用了该元素后,该元素会使下一个元素在下一行展现,也就是产生换行;根据资料的定义是:标签的display属性值为block;3d
2.行级元素:指的是网页中该元素不会独自占据网页的一整行区域,使用该元素后,还能够直接在该元素的后面显示另外一个元素,也就是不会换行;或者根据资料的定义是:标签的display属性值为inline;blog
3.行内块元素:这类元素的display=“inline-block”,它们的效果是:一样不会换行,能够直接在后面显示其余的元素。技巧
具体表明:im
1.块级元素:img
2.行级元素:di
3.行内块级元素:inline-block
使用小技巧:标签
1.通常状况下,不要使用行内元素嵌套块级元素;co
2.在布局中,能够使用元素的display属性,改变元素的默认类别。例如:将a 元素的display设为block后,能够做为块级元素使用,这样能够让连接和其余的元素一块儿放在同一个块中。