在书写高效 CSS 时会有哪些问题需要考虑?
2016-03-15 13:28
1141 查看
1.样式是:从右向左的解析一个选择器 2.ID最快,Universal最慢 有四种类型的key selector,解析速度由快到慢依次是:ID、class、tag和universal 3.不要tag-qualify (永远不要这样做 ul#main-navigation { } ID已经是唯一的,不需要Tag来标识,这样做会让选择器变慢。) 4.后代选择器最糟糕(换句话说,下面这个选择器是很低效的: html body ul li a { }) 5.想清楚你为什么这样写 6.CSS3的效率问题(CSS3选择器(比如 :nth-child)能够漂亮的定位我们想要的元素,又能保证我们的CSS整洁易读。但是这些神奇的选择器会浪费很多的浏览器资源。) 7.我们知道#ID速度是最快的,那么我们都用ID,是不是很快。但是我们不应该为了效率而牺牲可读性和可维护性
相关文章推荐
- css画八卦图
- CSS实现DIV水平 垂直居中-1
- 【CSS疑难杂症】z-index 层级树
- css3做各种角度三角形
- 翻翻git之---RecycleView的上拉,下拉刷新,样式切换,添加foot和header的强大库 RecyclerViewManager
- 翻翻git之---RecycleView的上拉,下拉刷新,样式切换,添加foot和header的强大库 RecyclerViewManager
- html/css 编码规范
- [转][译]关于CSS中的float和position和z-index
- 【html和css入门】实现简单的页首导航
- CSS3新属性之user-select控制文本是否选中
- CSS3滚动条-webkit-scrollbar
- CSS选择器
- 第六届蓝桥杯-手链样式
- CSS这些代码你都不会,你还有什么好说的!!!
- 针对IE7.8.9界面样式整体居左的问题解决方案
- 学习DIV+CSS网页布局之混合布局
- 学习DIV+CSS网页布局之三列布局
- 学习DIV+CSS网页布局之两列布局
- 学习DIV+CSS网页布局之一列布局
- box-sizing:border-box设置并排带边框的容器