使用CSS的最佳方法是什么？(不*学习*但真的*使用*)

Question

我知道CSS,我正在学习越来越多的常见模式.但是,我总觉得我是黑客而不是正确的方式.

例如,我尊重的一些人告诉我,使用css reset是不必要的,而其他人则为此而生.此外,有很多伟大的CSS框架(网格等)甚至认为我理解它们,我真的不知道何时使用它们.

所以,基本上,我的问题是:一旦你理解了CSS如何工作,优秀的Web开发人员是否有一种公认的"最佳"方法？在python中,应该尝试使用公共模式并阅读PEP 8.或者,在C++中,在理解语法之后,阅读Meyer的有效系列是一个很好的"第二"读.

很抱歉花了很长时间来解释..我只是不想有这样的答案:阅读"开始CSS",解释如何更改背景或如何设置字体.我真的在寻找一个好的标准方法.

• 我们应该使用重置吗？
• 我们每个站点应该只使用一个文件吗？一个用于主页,一个用于其余部分？一个基本文件,每个大部分都有一个不同的文件？
• 拥有2k + css文件是不是很糟糕？这是否意味着它应该被重构并且包含多少重复？
• 我应该在顶部为正常的字体,颜色,h1等定义父,然后,当它不同时,每个部分更改它...或者总是使用标准的并重新定义每个部分.
• 我应该在任何地方使用.class和#id,或者我应该尝试最小化它们,而是使用长描述符,例如:

  .content .main tr td span a 
  or
  span.classname a 

谢谢!

TL/DR:

一旦你已经了解CSS但想以干净/专业的方式使用它,最好的"第二次"阅读是什么？

[编辑]

谢谢大家的回答.我知道我问了很多问题..但它们只是真正问题的例子:一旦你已经理解了CSS但想要以干净/专业的方式使用它,最好的"第二次"阅读是什么.也就是说,我希望阅读一本书,解释我提出的例子......但也会解释很多其他不是css语法的东西,而是更多css-best-professional-use.

Answer 1

我可以根据我自己的经验来回答你的问题，而不一定是现有的最佳实践。

• 我重置了某些标签，但并不是像“CSS 纯粹主义者”那样重置所有标签。请记住，如果您使用某些 CSS 库，例如 JQuery UI、Superfish 菜单等，重置标签确实会弄乱这些库的 UI。
• 我通常有一个通用布局/配置 CSS 文件，每个复杂的页面都有自己的 CSS 文件。因此，每个页面都包含这 2 个 CSS 文件以及我的 UI 库文件（JQuery UI 等）。这使我更容易定位和维护它。
• 2K+？？是的，事实上非常糟糕。如果您的文件那么大，您确实应该使用YSlow来查看加载该文件需要多长时间。页面加载时间越长，用户离开网页的速度就越快，除非他们被迫使用它。：D
• 我总是喜欢通过前缀 say 来“范围”我的 CSS #app。这可确保我的全局设置仅影响我的页面内容和布局，并且它们不会覆盖 UI 库。
• 以任何对您有意义的方式使用.class和。#id如果您知道该标记仅存在一次，则使用#id. 如果您知道它可能在页面中出现多次，那么唯一的选择就是使用.class.