摘要：
z-index影响的是定位元素及flex盒子的孩子元素 层叠优先级 层叠准则 （1）z-index大的在上 （2）同一层级下，后者覆盖前者 层叠上下文 （1）页面根元素是根层叠上下文 （2）对于position为absolute/relative以及firefox下position为fixed的元素 阅读全文
摘要：
固定定位元素的包含快是根元素 类似于无依赖的绝对定位，利用无依赖的固定定位也可以在元素内部实现一个fixed定位 可以使用absolute来模拟一个fixed，具体实现是用一个div作为body的子元素，充当滚动容器。但需要谨慎使用 阅读全文
摘要：
定位位移相对于自身进行偏移定位 相对定位元素的 left/top/right/bottom 的百分比值是相对于包含块计算的，而不是自身 与绝对定位元素的对立方向不同，top/bottom 同时使 用的时候，bottom 被干掉；left/right 同时使用的时候，right 毙命 最小化影响原则 阅读全文
摘要：
特性 （1）块状化，display渲染为block或table （2）文档流破坏性 （3）包裹性 （4）块状格式化上下文，也就是BFC,absolute 的自适应性最大宽度往往不是由父元素决定的 absolute元素包含块和常规元素的差异 （1）边界是 padding box 而不是 content 阅读全文
摘要：
float的本质就是为了实现文字环绕效果 特性 （1）包裹性，即父元素的宽度大于子元素的宽度，最终展现的效果为子元素的宽度 （2）块状化并格式化上下文。display变为block或table （3）破坏文档流 （4）没有任何margin合并 text-align对块级元素是无效的 float实现一 阅读全文
摘要：
由于是相对字母 x 的下边缘对齐，而中文和部分英文字形的下边缘要低于字母 x 的下边缘，因 此，会给人感觉文字是明显偏下的，一般都会进行调整。 vertical-align属性值 （1）线类 middle ,top,bottom （2）上下标 sub super （3）文本类 text-top te 阅读全文
摘要：
字母x的下边缘就是我们的基线 x-height就是小写字母x的高度 vertical-align:middle中的middle指的是基线网上1/2x-height的高度 ex单位 1ex就是一个x的高度。给图标设置1ex就可以让小图标和文本对齐且居中 line-height 对于非替换元素的纯内联元 阅读全文
摘要：
boder默认值的medium默认值为3px,是因为border-style:double 要设置3px才会有效果 设置一条边不进行渲染时，用下面的写法渲染性能高： border-color的颜色值在没有设置的时候就是color的值 技巧 （1）设置透明的border来增加点击区域的大小 （2）设置 阅读全文
摘要：
margin 元素尺寸：border-box DOM属性里的offsetWidth 和offsetHeight 元素内部尺寸： padding-box DOM属性里的clientWidth 和 clientWidth 元素外部尺寸： margin-box 理解为元素占据的空间尺寸。-margin 元 阅读全文
摘要：
内联元素padding是有作用的 设置内联级元素如a的垂直方向的padding，不仅能够增加点击区域的大小，也不会影响到整体的布局 padding的百分比值 padding的百分比值无论是水平方向还是垂直方向，均是相对于宽度计算的 内联元素的垂直Padding会让幽灵元素空白节点显现 小技巧 （1） 阅读全文