我应该使用多个CSS表吗？

Question

我应该使用多个CSS表吗？

Rob*_*ert 16 css

我正在更新一个网站,以添加一些移动友好页面.

目前我们有一个大的css页面,其中包含所有内容.我的想法是将所有特定于移动设备的css放入单独的文件中,然后链接两个工作表.移动css将覆盖默认css中的任何内容(更大的按钮等).

我对css很新,最佳做法是什么？

Answer 1

Aar*_*ieb 17

一个大的CSS文件可以减少HTTP请求,从而提高性能.

几个较小的文件使组织更容易,这将使开发和维护更便宜和更容易.

Answer 2

Dea*_*n J 10

我有一些样式表适用于我曾经使用的任何重要应用程序.

base.css - 始终应用.
print.css - 这会隐藏菜单和屏幕的其他部分对打印页面不太好.由media属性触发. <link rel="stylesheet" type="text/css" media="print" href="print.css" />
ie6.css - 应用第二个,当且仅当它是IE6时.我希望有一天能把它扔出去.
<clientname> .css - 每个客户希望网站拥有徽标/等的样式表.

如果我试图快速表现,我会把它们结合起来.但是,我知道每天获得数亿次点击的网站不会打扰,所以我强烈建议拆分它们然后对你有意义,以便更容易维护.

在大多数情况下,额外的硬件比额外的开发人员小时和/或更多的错误便宜.可维护性通常是我的最高目标.

Answer 3

Sal*_*lil 5

是的，您应该使用多个 css 文件，而不是使用一个大文件。它可以帮助您在维护站点的同时在不同的 css 中使用不同的定义（类或 ID 名称），否则它将采用稍后声明的定义。例如

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   <html>
     <head>
        <link href="/stylesheets/stylesheet.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="/stylesheets/lightbox_new.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="/stylesheets/another_css.css" media="screen" rel="stylesheet" type="text/css" />
      </head>

      <body>
         <!-- Your content here -->
      </body>
  </html>

Run Code Online (Sandbox Code Playgroud)

@Robert 如果选择器相同，则在源代码中稍后声明的样式表将具有优先权。在这种情况下，这将是 another_css.css。 (3认同)

归档时间：	15 年，7 月前
查看次数：	17846 次
最近记录：	15 年，6 月前