我们现在在规划设计网站,肯定都会用到
css来控制整个站点的布局与色调,但是
css如果做的好的话可以提高网页的执行效率,给用户带来好的体验:
1.尽量把CSS样式放在页面的上方
把
css放到网页上方,浏览器解析结构的时候,就已经可以对页面进行渲染,显示内容时时就已经直到了效果,如果放到内容的下方时,用户可能会先看到光秃秃的结构,然后内容突然被渲染,给用户的体验效果不太好;
2.将css独立放成一个外部文件
这是因为外部的引用文件会被浏览器缓存,所以
css文件内容较多时即文件 较大时,用户只需要下载一次,以后直接从缓存中读取就可以了,从而极高地提高用户再次访问时的效率;
CSS Expressions就像其它语言中的if……else……语句。这样在
CSS中就可以进行简单的逻辑判断了。举个简单的例子——
<style>
input{background-color:expression((this.readOnly && this.readOnly==true)?"#0000ff":"#ff0000")}
</style>
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="" readonly="true">
这样
css就可以根结一些情况分别使用不同的样式了。
但是
CSS中Expressions 的代价却是极高的。当你的页面需要根据判断来渲染效果的元素很多的时候,那么你的浏览器将长期处于假死状态,从而给用户带来极差的用户体验。