摘要：1、relative和absolute的相煎关系 限制作用：①限制left/top/right/bottom定位；②限制z-index层级；③限制在overflow下的嚣张气焰。 relative和fixed限制作用：限制z-index层级。 2、relative和定位 特性：①相对自行进行定位；② 阅读全文

摘要：1、z-index基础 z-index含义：指定了元素及其子元素的”z顺序“，而”z顺序“可以决定元素的覆盖顺序。z-index值越大越在上面。 z-index值：auto（默认值）；integer（整数值）；inherit（继承）。 z-index基本特性：①支持负值；②支持CSS3 animat 阅读全文

摘要：1、margin与容器尺寸 元素尺寸：①可视尺寸 clientWidth（标准）；②占据尺寸 margin与可视尺寸：①适用于没有设定width/height的普通block元素；②只适用于水平方向尺寸 margin与占据尺寸：①block/inline-block水平元素均适用；②与有没有设定wi 阅读全文

摘要：1、padding与容器尺寸之间的关系 对于block水平元素：①padding值暴走，一定会影响尺寸；②width非auto，padding影响尺寸；③width为auto或box-sizing为border-box，同时padding值没有暴走，不影响尺寸。 对于inline水平元素：水平pad 阅读全文

摘要：1、border-width border-width为何不支持百分比：语义和使用场景决定的，现实中各种边框本身的概念就不存在百分比的使用方法。 border-width支持关键字：thin、medium（默认）、thick，其大小分别是1px、3px、5px（IE7除外）。 border-widt 阅读全文

摘要：网页的结构与表现原则总的来说为： 先按结构和语义编写代码 然后进行CSS样式设置 减少HTML与CSS契合度（精简页面结构） 我们可以通过一个微博用户发言信息列表的制作案例来分析该原则。以下是该案例的整体实现效果： 从初学者的角度来看： 初学者往往会将这个结构分成多个DIV，看起来基本上就是以下几块 阅读全文