Css 覆盖Twitter引导风格-性能？

我正在开发一个使用Twitter引导CSS框架的网站。我不打算自己托管（大得多的）文件和令人敬畏的字体，而是计划使用引导的CSS和令人敬畏的字体

然而，Bootstrap中的一些按钮样式并不吸引我，我决定在自定义样式表中覆盖它们

我已经读过了，但是背景渐变和其他分类是否也一样？（这让我的（相当旧的）电脑在使用太多时发出呻吟声，让我相信它们确实给电脑带来了一些压力）

例如，bootstrap的一个样式规则如下所示：

.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

我暂时将其覆盖为：

.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-image: none;
background-color: #057CB8;
border: none;
border-radius: 4px;
}

---

是否仍将加载早期（可能是CPU密集型）属性？

浏览器开始从顶部读取html，并开始获取所有CSS。在下载所有CSS之前，页面将不会被绘制

---

引导CSS将被加载，但不会被绘制。

因此文本将被加载，但样式将不会被应用，直到阅读完所有CSS为止？@VivekGhaisas correctoromundo更关心您的DOM和旧IE的大小。有了合理的DOM，您应该会很好。IE7很快就会因为一个大DOM和10000行CSS而失败。@Vivekghaisa这是一个好问题，如果你想了解更多，这是一本有趣的书@ScottSimpson我不打算支持IE7。我会让他们受苦的。