元素展示类型分类

在html当中本身定义了很多的元素，这些元素默认在网页上展示自己的状态，例如有些元素默认情况下宽高不起作用，有些元素会独占一行显示，这种现象称之为元素展示类型，为了方便记忆，人为的讲类型分为三种：块元素，行内元素，行内块元素

块元素：同时出现多个行内元素的时候，这些元素会各自显示在一行，宽高起作用

行内元素：元素会显示在一行，一行放不下会自动折行，宽高不起作用

行内块元素：元素显示在一行，会自动折行，且宽高起作用

注意：网页布局中，会遇到一些“特殊的模块”，对于这种特殊的情况，我们可以把元素展示类型进行转换，有三种语法可以书写

转换块元素：display：block；

转换行内块元素：display：inline-block；

转换行内元素：display：inline；   或者none也可以

 

 

布局标签补充

1：div标签，是html定义好的一个双标签，人为的认为是一个体积最大的标签

2：span标签，也是一个双标签，主要用来放文字，人为认为体积小

3：段落标签不能包裹标签，因为浏览器不能正常解析