《
10个可以减少CSS系统资源占用的技巧》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331052013.htm
<style>
p {
background-color:expression(altBgcolor(this));
}
</style>
<script type = "text/javascript">
function altBgcolor(elem) {
elem.style.background-color = (new Date()).getHours() % 2 ? "#F08A00" : "B8D4FF";
}
</script>
6）尽量使用 PNG 。PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被挥霍的，很值得优化。我知道你会说，IE6 对 PNG 的透明后果支撑不好，可是，当初 IE6 不是快被疏忽了吗？眼光要朝前看。
1）0 像素边框。良多时候，当我们写样式，无边框都爱好用 border:0; 来实现，但或者你并不晓得，border:0; 只是定义边框宽度为零，而边框样式、颜色还是会被阅读器所解析，有解析势必占用资源，这是我们需要躲避的。所以，当下回你再盘算定义无边框时，倡议你取舍使用 border:none; 来实现。
2）* 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不论正在用的还是不用的，过期的仍是进步的，都厚此薄彼。这样，也是大大滴占用资源哦。要有抉择地初始化标签，稳重使用 * 通配符。
4）十六进制颜色代码的写法。对这个，不少同窗都习惯了缩写或小写。但你有所不知的是，缩写或小写实在并非推举的写法。缩写或小写固然为的是减少解析所占用的资源，但同时它们也会增添文件体积。孰优孰劣，尚有待进一步考据。
Tag： CSS 系统 资源 占用 技巧 CSS 体系 资源 占用 技能
至于 @import 导入样式的弊病是什么？这么说吧，在一个样式文件中使用 @import 会增长页面的总体加载时光，会引起文件的下载次序被改变，从而导致样式文件需要破费更长的时间来下载，这会妨碍页面的渲染，让人觉得页面比拟慢。
--> [
网站建设之]10个可以减少CSS系统资源占用的技巧
然而有时候，就是得有样式动态变化（基于用户的操作）的需要。那咱们可以应用一次性抒发式或事件处理器来实现。比方——
可以看到，所谓的CSS表达式，就是在 expression 方式中接收一个 JavaScript 表达式。CSS 属性将被设置为对 JavaScript 表达式求值的成果。而表达式的问题就在于对其进行的求值频率比人们冀望的要高。它们不止在页面浮现和大小改变时求值，甚至当页面转动，用户鼠标在页面上移过都请求值。统计显示，畸形的用户浏览页面的操作一分钟内可让求值次数达到一百万次之多。2G 内存的电脑，在使用了 CSS 表达式的页面上移动鼠标（还没挪动到超链接上去）就可以让 CPU 使用从 0% 回升到 35% 。而正常的页面，就算到达我 APM 的极限，在超链接和非超链接之间移动鼠标，也只能让 CPU 使用上升至 30% 。而若是不超链接，则相应的值是 5% 。
5）样式内嵌，放置地位不妥。内嵌样式是不理智的，只管目前许多超级门户站都喜欢内嵌，但你的站究竟不是超级门户，所以还是规则一点儿吧，用外链的情势调用。另外，样式调用最好呈现在脚本顶部（即通常所说的HEAD区），别特破独行玩个性哦！要是脚本在上，样式在下，有什么负作用呢？本人想吧！
3）当须要应用图片来平铺背景时，这个背景图片并非越小越好。这恰是为什么很多人都不必 1px 的起因。算一下吧！宽*高=1px*1px 的图片，平铺出一个 宽*高=200px*200px 的区域，需要 200*200=40,000 次，如斯能不占用资源吗？更何况一个页面宽*高的尺寸岂止只有 200px*200px ？算起来很惊人哦。
8）别在 HTML 中缩放图片。一来不难看，二来占资源。
background-color:#B8D4FF; //传统的静态设置方法
background-color:expression((new Date()) . getHours % 2 ? "#B8D4FF" : "#F08A00"); //CSS表白式将背景色彩设置为每小时变更一次
另外，还能够用 JavaScript 的事件处置器来设定依据事件转变款式，这样就只有用户激活相应事件后才会触发处理器。
下面10条技巧，控制后可恰当的减少系统资源的占用。
9）注释字号最好用偶数定义，12px、14px、16px……效果十分好。特例，15px。中文标点同一用全角。英文搀杂在中文中，左右空格，统一半角。中文字体的粗体跟斜体，尽量少用。
10）block、ul、ol 等高低最好留出至少一倍行距，左侧至少两倍行距，右侧随便。段落之间，至少要有一倍行距。强行指定某些元素的 line-height 时，正文 1.6 倍于文字大小，题目 1.3 倍。
7）不要用 CSS 表达式；使用援用样式表，坚定不要通过 @import 导入。CSS 表达式有啥不好？这估量得行家的人才知道。浅易点儿说吧，下面给出的是一个用 CSS 表达式设置背景颜色的例子——
这就是一次性表达式了，其实从程序语言的角度思考，我倒真不清楚这样与 CSS 表达式有何差别，但是浏览器就把它们区别看待了，效果也确切起到了：表达式求值只会在页面加载时进行。
相关的主题文章：
(责任编辑：网站建设)
10个可以减少CSS系统资源占用的技巧相关文章