摘要：
1、vertical-align基本认识 支持的属性值： ①线类：baseline（默认），top，middle，bottom ②文本类：text-top，text-bottom ③上标下标类：sub，super ④数值百分比类： 数值和百分比的共性：ⅰ都带数字；ⅱ都支持负值；ⅲ行为表现一致（都是在 阅读全文
摘要：
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，看起来基本上就是以下几块 阅读全文
摘要：
使用自适应的窗口弹性盒布局 可以使div总宽度等于浏览器宽度，而且可以随着浏览器的改变而改变。 改变元素的显示顺序 box-ordinal-group可以改变各个元素的显示顺序。 改变元素的排列方向 使用box-orient改变多个元素的排列方向。 元素宽度与高度的自适应 虽然使用盒布局时，元素的高 阅读全文
摘要：
1.transition功能 transition属性的使用方法：transition:property duration timing-function; 其中property表示对哪个属性进行平滑过渡，duration表示多长时间完成属性值的平滑过渡，timing-function表示通过什么方 阅读全文
摘要：
变形分类 缩放 使用scale方法来实现文字或图像的缩放，在参数中指定缩放倍率。例如“scale（0.5）”，表示缩小50 倾斜 使用skew方法来实现文字或图像的缩放，在参数中指定水平方向的倾斜角度与垂直方向的倾斜角度，若只有一个数值，则为水平方向的倾斜角度，单位为deg。 注：rotate表示的 阅读全文