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

前端之家收集整理的这篇文章主要介绍了使用CSS的最好方法是什么? (不*学习*但真的*使用*)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道CSS,我正在学习越来越普遍的模式.但是,我总是觉得我是黑客而不是正确的做法.

例如,有些我尊重的人告诉我,使用css重置是不必要的,而其他人则为此而生活.另外,有很多很好的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.

解决方法

人们会为这些问题提供一系列的答案,但这里是我将采取的方法

重置

如果您正在开发脆弱的布局 – 如果您希望它们不在几个像素,那么可以轻松破解它 – 考虑使用重置.我会看看normalize.css.而不是完全覆盖浏览器默认值,它可以平滑浏览器之间的差异.

你也可以考虑重新设置特定的元素,如果你发现自己添加了很多边距:0;到你的样式表.

拆分CSS文档

> Google recommends splitting them up,以便单个页面不会强制用户下载许多和他们正在访问的页面上实际使用的大量样式表规则.
> Yahoo recommends combining files以最小化HTTP请求的数量
显然,寻找平衡是重要的,this SO question重点是一些利弊.

选择器的类和ID或长链?

我尝试将类和ID保持最小(在我的HTML和我的CSS中).当您构建其他人将与所见即所得编辑更新的页面时,它们往往更加脆弱.我将几个ID或类添加页面的大块,然后使用CSS来定位这些块中的特定元素.如果您尽可能避免HTML中的深度嵌套,这将更容易.

使用CSS预处理器(如LESSSASS)可以帮助您编写更易读的样式表.在LESS和SASS中嵌套样式规则的能力已经帮助我避免了许多特异性相关的问题.

然而,特异性是一个很好的CSS主题,要熟悉:

> CSS技巧有a good article covering specificity
> W3C’s own documentation值得一读.

其他资源

就额外的阅读而言

> SitePoint’s collection of articles and tutorials on CSS是更好的资源,用于更高级的CSS教程,他们还提供了一些很好的文章,涵盖了CSS问题,这些问题比在许多初级教程中发现的更为先进.

猜你在找的CSS相关文章