摘要： 经常会使用background-position:left center，将背景图片垂直居中。浏览器渲染页面的最小单位是像素，所以某些情况下即使定义了“center”，实际效果也未必是垂直居中。例如：元素：高16px；背景图片：高13px；定义background-position:left center实际效果如下图：可以清晰的看到背景图片距上边框“2px”，距下边框“1px”。上图是在Chrome下测试结果，其它浏览器也是如此，只不过是有的距上边框“1px”，距下边框“2px”。解决方案若想实现100%垂直居中，则“元素高度 - 背景图片高度”可以被2整除，所以上例可以将元素高度设置为“1 阅读全文

摘要： CSS优先级包含四个级别标签内定义样式ID选择符Class选择符元素选择符CSS优先级的计算规则类型计算规则元素标签中定义的样式（Style属性）加1,0,0,0每个ID选择符(如 #id)加0,1,0,0每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个伪类(如 :hover)加0,0,1,0每个元素选择符（如p）或伪元素选择符(如 :firstchild)等加0,0,0,1其它选择符包括全局选择符*，不过这也是一种specificity。加0,0,0,0，相当于没加然后，将这四个数字分别累加，就得到每个CSS定义的优先级的值从左到右逐位比较大小， 阅读全文