优化无处不在之优化css代码

本人对代码所知不多,也非强项,编程方面,一知半解;对于网站制作,也是业余爱好;但不管怎么样,也知道一些常规的运行原理;

代码,无疑是越精简越好,编程上,依靠算法来精简代码提高执行效率,这绝对是每个程序员致力追求完美的。css也是如此,哪怕是其中的注释,虽然不影响执行,使代码显得容易读懂、修改,但也会使整体代码显得冗余;因此,优化css,使用css缩写,使我们从复杂的css代码中解脱出来,但语法上的简写并不能从根本上解决设计者在开发中由于自身编写原因所产生的多余和垃圾代码,在很多情况下有必要对完成的网页样式表重新进行检查,发现多余和垃圾代码并对其进行优化。

例如:

网页技术CSS的font属性的缩写的技巧,缩写有利于减少代码,优化CSS,使之更加合理。

优化代码:网页技术CSS的font属性的缩写的技巧,缩写有利于减少代码,优化CSS,使之更加合理。

css font属性是用来控制文字字体、颜色、大小等。而font的属性有多种,在通常情况下,我们用缩写的办法将多种属性概括在一句css代码中。这样极大的减小了代码,优化css文件。

我们常用的font属性有下面这六种:

font-style设定斜体 如:font-style: italic;

font-weight设定文字粗细 如:font-weight: bold;

font-size设定文字大小 如:font-size: 12px;

line-height设定行距 如:line-height: 150%;

color设定文字颜色(注意不是font-color) 如:color: red;

font-family设定字体 如:font-family : "Lucida Grande", Verdana, Lucida, Arial,
Helvetica, 宋体,sans-serif;

上述的属性,我们可以概括写在一行font属性里。需要注意的是color属性我们需要单独定义。

font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}

上面的例子用一行来定义font属性,分别是:font-style font-weight font-size line-height font-family;而color设定文字颜色需要单独进行定义。

推荐看一下,优化css代码的这十八项技巧.

另外,也为大家推荐一些自动优化css代码的网站:

推荐几个免费的css优化站点,它们会有助于简短你的css文件,让站点读入速度更快。

首推:CSS Optimizer   http://www.cssoptimiser.com/

Icey’s CSS Compressor

Flumpcakes CSS Optimiser

CleanCSS  http://www.cleancss.com/index.php

http://www.zhongguosou.com/computer_question_tools/css_optimizer.html

赶快优化你的css吧,优化,无处不在!