块状元素和内联元素

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

 

块状元素

块状元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥与其他元素与位于同一行，宽度(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")