css - 以下哪一项是使用外部样式表的更好方法?

标签 css

我遇到过两种以一种方式使用外部样式表的类型

<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/

相关文章:

html - 链接在 div 中不起作用

html - 如何将特定 TD 的宽度设置为其内容宽度?

jquery - 手动调整大小和拖动 bootstrap 3 modals

html - Chrome 渲染大小为小数,Firefox 为整数

css - 尝试使用 css 将一个 div 淡出,将另一个 div 淡入淡出

html - 通过 CSS 在弹出模式后面添加背景模糊

javascript - 单击以使用 jquery 滚动顶部一些像素

CSS div 标题宽度不显示 100%。

css - PrimeFaces 覆盖了我的自定义 CSS 样式

jquery - FullCalendar (JQuery) -- 突出显示点击事件可能吗?