摘要: 首先了解下CSS的渲染逻辑,它是从标记的最后一位开始搜索的,例如:.myclass li a,首选它会遍历所有的<a>,然后看哪些<a>之前有<li>,然后再看哪些<li>之前有.myclass。 所以:1、层级太多会增加CSS渲染的工作量。 如下: 除此之外,还有哪些可以优化的呢? 2、图中样式的 阅读全文
posted @ 2017-09-19 20:11 carrotzizi 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 1、!important p { text-indent: 1em ! important } 优于正常的CSS规则 2、z-index 进行定位元素(position:absolute, position:relative, or position:fixed) 3、表单之间不对齐由于对齐的标准不 阅读全文
posted @ 2017-09-19 19:38 carrotzizi 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 1、float属性会把元素默认成inline-block状态,不需要再专门定义display了 2、对于inline而言,您设置line-height多大,很多时候并不需要定义height,其实际占据的垂直高度就是多高,仅限于本身非零高度的元素,可能是本身的高度也可能有内容撑高。block元素并不会 阅读全文
posted @ 2017-09-19 19:37 carrotzizi 阅读(398) 评论(0) 推荐(0) 编辑