码迷,mamicode.com
首页 > 其他好文 > 详细

块状元素和内联元素

时间:2015-11-09 20:37:06      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

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

 

块状元素

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

 

块状元素和内联元素

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!