林网博客

探讨计算机网络安全 拓展计算机网络应用

« 腾讯新花样:身份的象征 QQ秀徽章婉转迎合:百般讨好百度搜索引擎的优化技巧 »

优化无处不在之优化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吧,优化,无处不在!





本文链接地址:http://www.linwan.net.cn/archives/css-optimize.html
原创文章如转载,请注明:转载自林网博客 [ http://www.linwan.net.cn/ ]

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 通过Google订阅本站
  • 通过抓虾订阅本站
  • 通过鲜果订阅本站
  • 通过bloglines订阅本站
  • 订阅本站到飞豆
  • 订阅本站到哪吒
  • 订阅到有道阅读
  • 通过电子邮件订阅本站

林海谐缘软件区新贴

林海谐缘网络区新贴

联系邮箱:我的信箱地址,Powered By Z-Blog 1.8 Spirit Build 80710

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.