块状元素和内联元素

组成网页的元素有两种:块状元素和内联元素,如是不能很好的驾驭这两种元素,制作出来的网页就可能出现兼容性问题!

块状元素

块状元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥与其他元素与位于同一行,宽度(width)高度(height)属性对块状元素起作用。

网页排版常用块状元素有: div  p  h1~h6 ul ol li dl dt dd hr form center table

特例:form标签只能容纳块状元素

如何让多个块状元素处于同一行:给块状元素加上浮动标签float

内联元素
内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。

网页排版常用内联元素有: a  span img input select textarea label

如何让内联元素元素的宽高起作用:第一种方法给内联元素加上浮动标签float,第二种方法把内联元素显示为块级元素(display="block")

原文地址:https://www.cnblogs.com/seostyle/p/4950827.html