关注前端开发
HTML5、CSS3、Javascript

对css写法的一种认知

下面是引用我看到的网页的话:

现在据我知道比较好的用来测试网页性能的工具有两个,分别为:老牌 的雅虎yslow,新秀google page Speed。
怎么会突然想起谈css与性能优化呢?其实这个问题我已经想了很久了,想写,但是也 不知道从何写起,今天就简单的说一下,近段使用通过使用page Speed,对css性能优化的一点看法吧!

在市场上的很多书,讲的 css的写法都大同小异,并没有说,如何写好,如何写不好!只是说到了id和class是作为css和js的挂钩,我们可以通过id与class来控制页 面的展现效果。并且还谈到了css层级写法的强大威力,所以大多数为了减少在页面中定义id与class,都大量的使用了css层级的写法,比如:

<div ul li span{样式}

.list li span{样式}

list span{样式}

这三种写法有 什么好处与不好的地方呢?

如果使用第一种方法,我个人觉得太长了,没有必要,那如果使用第三种写法呢?怕的是如果在这个div与ul平级也 有span的时候,这时候这个span也会被继承到样式,我个人平时都比较喜欢第一种写法,相对来说,对span比较安全,而且可以节约几个字符吧!嘿 嘿!但是我的这种写法通过page Speed的检测结果是属于低效的!因为需要检测的层级太多!就像我们上楼梯和下楼梯一样!故而像这种地方,我们完全可以在html中为span增加 class,更有可能这个class我们以后还用得着!

<div>

<ul>

<li><span 那么为什么不选择第一种?

而第二种情况通常用在 li有区别的情况下

呵呵….

转载请注明出处大前端 » 对css写法的一种认知

分享: