保存
×

参考页面

今天组内大神祥鹏展示了一下他深厚的CSS功底:子元素设置百分比的margin-top值是以什么为参考的?这必然是父元素的高度吧?可实际上是父元素的宽度。。。囧,由此大神强烈推荐了W3C的CSS规范,因此有了本文。

一些笔记

Formatting model

概念:可替换元素 -- 一个元素的内容由该元素的属性替换(比如IMG元素由其src属性所指向的图片替换)。可以想象可替换元素具有自己的大小,如果width属性设定为auto则该元素使用自带的大小,不然会根据设定值进行大小调整(可替换元素有block-level和inline元素)

block-level

display具有blocklist-item属性的元素、float的元素是block-level的元素

竖直方向自动格式化

水平方向自动格式化

浮动元素

行高