在html当中本身定义了很多的元素,这些元素默认在网页上展示自己的状态,例如有些元素默认情况下宽高不起作用,有些元素会独占一行显示,这种现象称之为元素展示类型,为了方便记忆,人为的讲类型分为三种:块元素,行内元素,行内块元素
块元素:同时出现多个行内元素的时候,这些元素会各自显示在一行,宽高起作用
行内元素:元素会显示在一行,一行放不下会自动折行,宽高不起作用
行内块元素:元素显示在一行,会自动折行,且宽高起作用
注意:网页布局中,会遇到一些“特殊的模块”,对于这种特殊的情况,我们可以把元素展示类型进行转换,有三种语法可以书写
转换块元素:display:block;
转换行内块元素:display:inline-block;
转换行内元素:display:inline; 或者none也可以
布局标签补充
1:div标签,是html定义好的一个双标签,人为的认为是一个体积最大的标签
2:span标签,也是一个双标签,主要用来放文字,人为认为体积小
3:段落标签不能包裹标签,因为浏览器不能正常解析