我遇到过两种以一种方式使用外部样式表的类型
<link href="CSS/div1.css" rel="stylesheet" type="text/css" />
<link href="CSS/div2.css" rel="stylesheet" type="text/css" />
<link href="CSS/div3.css" rel="stylesheet" type="text/css" />
像这样导入所有样式表 另一种是使用一个样式表并在其中导入其他样式表
<link href="CSS/div1.css" rel="stylesheet" type="text/css" /> and inside this
@import url('../CSS/div2.css');
@import url('../CSS/div3.css');
.crazy
{
display:block;
background-color:Black;
color:White;
}
我在某处读到第二种方法更好,所以我构建了一个演示并检查了 Firebug 中的一个,在第一种情况下它花费了 16 毫秒并且下载了更少的数据字节,但在第二种方法中它花费了 109 毫秒并下载了更多字节数据太多,所以我很困惑哪种方法更好。
最佳答案
第一个是建议的,因为浏览器渲染它们的速度更快 More on Steve's site
关于css - 以下哪一项是使用外部样式表的更好方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3494227/