王小贱的博客

语法：E:nth-child(n){ sRules }* 匹配父元素索引为n的子元素E:nth-child(n) 让你匹配到父元素的任一子元素：Figure 1: 常规用法 DEMO            选取ul第一个子元素li                    如果我是红色，说明你的选择到了我，浏览器还颇为先进            落后的浏

只有普通文档流中块元素的垂直边界才会发生边界叠加。行内框、浮动框或绝对定位框之间的边界不会叠加。     1.发生外边距叠加的情况    外边距(margin)重叠示例    1.1外边距重叠是指两个垂直相邻的块级元素，当上下两个边距相遇时，起外边距会产生重叠现象，且重叠后的外边距，等于其中较大者。    1.2另一个重叠现象是当一个元素包含在另一个元素之中时，子元素与父元素之间也

实现垂直居中的两种方式1.通过设置line-height=容器高，2.通过vertical-align：middle；1.关于垂直对齐1.line-height属性当行高等于容器高时，可以实现垂直居中。    当单行文本行高小于容器高时，可实现单行文本在容器中垂直中齐以上任意位置；    当单行文本行高高于容器高时，可实现单行文本在容器中垂直中齐以下任意位置。2.vertica

Opera曾列出“reflow和repaint是减缓JavaScript的三大主要原因之一”一文，可见重绘和回流对性能影响很大。昨天面试百度正好有问到相关知识，这里整理下。回流与重绘1. 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候

总做中可能会遇到各种需要垂直水平居中的问题，这里总结下我常见的集中。第一：利用定位position：1.1在元素宽高已知的情况下，配合负margin达到水平居中.parent{position:relative}.child{position:absolute;top:50%;left:50%;width:50px;height:50px:margin:-25px;