摘要: 块状元素 display:block的特性是水平拉伸,垂直包裹,可以设置宽度和高度。块状元素还有个特性就是它的margin如果碰不到祖先元素的border或者padding,会与祖先元素垂直方向的margin-top、margin- bottom交叠。上下相邻的同级元素的margin也会交叠,就产生了margin合并。内联元素 display:inline的特性的自动包裹,水平和垂直方向会自动包裹至内容的宽度。 因为元素的内联的,是嵌入到行里面 的,所以对内联元素垂直方向设置的margin-top、margin-bottom不会影响span元素的layout,但是水平方向设置的 margin- 阅读全文
posted @ 2013-12-27 15:13 优雅的疯子 阅读(2858) 评论(0) 推荐(0) 编辑
摘要: html 语义化标签,增加html的易读性块级元素的分类 块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。 一.结构化块状元素 这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的。它们没有语义上的含义,仅仅划分出了文档的组织方式,并没有体现文档的内容。 主要的结构化块状元素 * * * * 支持结构化的元素 * * * * (不推荐)(部分浏览器不支持) ... 阅读全文
posted @ 2013-12-27 14:29 优雅的疯子 阅读(188) 评论(1) 推荐(0) 编辑