行内元素和块元素以及行内块元素的特点

一、背景

初学html、接触很多html标签，为什么有的标签是一行或者多行，而有的标签是给某种词强调，将从行内元素和块元素以及行内块元素区分一些标签。

二、块元素

块元素会独自占据一整行，或者多行，可以任意设置其大小尺寸，是用于搭建网页布局的必须部分，使网页结构更加紧凑合理。常见的块级元素有：div,h1~h6，ul，table等，其中div是最常用最典型的块级元素。

三、行内元素

行内元素的特点：

• 总是和相邻的行内元素在同一行上（物以类聚）

• 设置宽高无效，水平方向的padding和margin属性可以设置，但是垂直方向上的无效。

• 默认宽度是他自身内容的宽度。

• 行内元素只能容纳其他行内元素或者文本。

特殊：a比较特殊，可以放块级元素，但是链接里面不能再放链接。

四、行内块元素

行内块元素的特点：

• 和相邻行内元素在同一行，但是之间会有空白缝隙。

• 默认宽度是他本身内容的宽度。

• 宽度、高度、行高、外边距以及内边距都可以手动设置。 样式：

以上就是总结了网上一堆对元素的看法。