在哪里放置特定于页面的CSS?

时间:2013-09-02 05:40:11

标签: html css

如果我有一组特定于特定页面的规则,我应该在哪里放置CSS代码?

  • 页面级别
  • 在一个特定于页面的单独CSS文件中(每个页面需要单独的文件)
  • 或公共文件中的所有CSS代码

最有效的方法是什么?

1 个答案:

答案 0 :(得分:4)

这取决于你想要实现的目标。

比如说,如果你的某个元素只有一个单独的页面,而且没有网站的位置,请说维护页面,你有很多样式你做的不希望包含在主CSS文件中,因为它只适用于该页面,包括核心样式表中的那些样式没有任何意义,因为它会使样式表膨胀几个字节或kbs ..所以你可能会使用文档在这种情况下,级别样式会缩小您的核心CSS文件,因此这适用于performance/optimization

另一方面,您可能还会在优先级时使用文档级样式,因为与外部CSS相比,文档级样式具有更高的优先级

这些样式没有缓存的不好之处是什么,所以一些开发人员还使用文档级样式声明来说明某些核心位置因此阻止页面应用缓存样式(这是另一个很好的部分,如样式没有缓存,所以它有点像两面派。


在您修改问题时,针对特定页面样式的最佳方法是在该文档的<style>中包含<head>标记块(尽管不是强制性的),但不包括这些样式在你的核心/一般样式表中。

  • 页面级别 -
  • 在特定于页面的单独CSS文件中(必要时每页的单独文件) -
    这将增加样式表的数量,并且还会导致额外的http请求
  • 或者公共文件中的所有CSS代码 - 这会不必要地破坏您的核心样式表。