网络编程
位置:首页>> 网络编程>> 网页设计>> 5步让你的CSS样式表成功减肥(2)

5步让你的CSS样式表成功减肥(2)

作者:暴风彬彬 来源:彬GO 发布时间:2009-08-02 21:27:00 

标签:样式表,css优化,选择器,缩写

第四步:学会CSS简写

CSS简写可以让你将多行的CSS属性声明缩写成简单的一行代码。现在你在很多地方都可以找到CSS缩写的相关教程,你也可以浏览以下CSS缩写教程:

第五步:将你的样式表分成几部分–@import

在你完成一个比较大的网站项目时,你的样式表中的代码量是相当庞大的,也许会有很多不同模块的CSS声明及注释。这种情况下,你可以考虑使用将一个庞大的样式表切割成几个不同模块的小样式表,然后再用@import将他们组合起来。

HTML

你可以像平常一样调用一个样式表


<link rel="stylesheet" type="text/css" href="styles.css" /> 

CSS – styles.css

这时styles.css作为你的主样式表,它将负责调用其它子样式表。(我会把子样式表放在’styles’ 目录下以便于组织管理,纯属个人习惯,你也可以有自己的习惯)

@import "styles/main.css";
@import "styles/checkout.css";
@import "styles/shoppingcart.css";

译者注:@import虽然能够为某个大的CSS文件减肥,但是它在页面读取方面(尤其IE)还是有弊端的。

你还可以参考以下相关文章:

英文原文:5 Step Style Sheet Weight Loss Program

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com