组成网页的元素有两种:块状元素和内联元素,如是不能很好的驾驭这两种元素,制作出来的网页就可能出现兼容性问题!
块状元素
块状元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥与其他元素与位于同一行,宽度(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")