html块级元素和行内元素

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为block，成为“块级”元素(block-level)；而span元素的默认display属性值为inline，称为“行内”元素。

html块级元素

块级元素会独占一行，其宽度自动填满其父元素宽度，一般情况下，块级元素可以设置 width, height属性一般用来搭建网站架构、布局、承载内容

它包括以下这些标签：
address、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、menu、noframes、ol、p、pre、table、ul等

行内元素

行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下才会换行，其宽度随元素的内容而变化，行内元素设置width和height无效。一般用在网站内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等

下面这些标签都属于内嵌元素:
a、b、bdo、big、small、br、cite、em、font、i、img、input、kbd、label、select、span、strong、sub、sup、textarea等。

块级元素和行内元素的区别

块级元素

1.总是从新的一行开始

2.高度、宽度都是可控的

3.宽度没有设置时，默认为100%

4.块级元素中可以包含块级元素和行内元素

行内元素

1.和其他元素都在一行

2.高度、宽度以及内边距都是不可控的

3.宽高就是内容的宽度，不可以改变

4.行内元素只能行内元素，不能包含块级元素