求教高手！！关于css的问题

来源：百度知道 编辑：UC知道 时间：2024/09/24 23:24:53
在页面不同区域用只有很少差别的css，作者说可以利用层叠样式表减少下载量，便于合作开发。那层叠的样式表怎样减少下载量？能否一对多@import（在css中）
哦大概明白了。从程序员角度，可以重用。但从用户角度，是否可提高效率？比如browser看到@import就先在临时文件夹搜索相应。css，若存在就不用重复下载。请赐教！谢谢

可以的，我经常是这样写的：

一个main.css里面

@charset "utf-8";
/* CSS Document */
@import url(clear.css); //这里我写的是清除网站的基本样式，考虑各个浏览器的兼容问题

@import url(layout.css);//这里我写的是大块的布局id，就是网站常见的左中右之类的，如：#left,#right,#top,#bottom

@import url(color.css);//这里定义网站的整体样式，字体，颜色，超链接等等

@import url(typography.css);//这里定义网站的细节样式，比如：
#left p{ line-height:150%;height:180%}

然后在头文件里(或者index.html都一样)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>

调用这一条css就可以了。利于网站优化，减少代码。

另外：@import url的读取也是顺序的。这点不用担心。

也就是把相同的样式放到一个样式表里，然后让其他页面调用