需要一本CSS书/资源推荐书 - 不是初学者书,而是更多的“基本校长”书

问题描述:

我自我思考,并且我建立了一些网页,其页面加载和访问者数量都很高 - 所有无论是我自己的网站还是我有兴趣参与的网站。我通过反复试验并通过在Google上查找特定案例来学习所有内容,以实现我想实现的目标。因此,每个网站或重新设计都比以前更好。需要一本CSS书/资源推荐书 - 不是初学者书,而是更多的“基本校长”书

我总是得到我想要的最终结果,但我觉得我缺乏基本的校长,这会导致需要几小时才能解决的问题。例如:我会在一个div内的div内创建一个p,每个元素将使用一个或多个css类,并且在某些情况下,我会在最低级别p得到一个我并不期待的影响。

这意味着,我并不真正理解链中较高类和较低使用类之间的关系(如果明白我的意思) - ap中的填充或边距如何受另一个填充或边距影响三个层次在一个div。或者用于相同元素(p,div等)的多个类如何相互作用或相互冲突。

所以我正在寻找一个css书籍或在线资源,解释它如何挂在一起,而不是如何个别字体或边距元素的工作。

任何援助将不胜感激。

+1

技术社区感兴趣的有效问题。 – 2012-03-15 21:05:51

本书从CSS的教父是我的最爱之一:

Cascading Style Sheets: Designing for the Web (via Amazon.com)

尼科尔Sullivan也在做一些伟大的工作中的“面向对象的CSS”的区域,其目的是创建模块化CSS这是可重用的,减少代码CSS膨胀,导致类似于你所描述的问题。你可以找到她在:Stubbornella.org

+0

优秀的书 - 我的第一本css书。不幸的是,它现在7岁了,有点过时 – 2012-03-15 19:41:28

+0

我同意,它是一本优秀的书,特别适合初学者。在开始研究最新规范的更高级方面之前,最好掌握其中的概念。 – chprpipr 2012-03-15 21:11:11

我喜欢和学习从CSS Anthology:101基本技巧,窍门&黑客。它来自Sitepoint人员,他们在Web设计和编码教学方面做得很好。而且,我们从真实世界的设计问题的例子中学习,而不是某些标准出版物或自上而下的说明,您必须跳过第150页或者陷入困境。

在回顾之前的SO帖子后,这里有一个extended older discussion。和couplemore列表中,您可以看到一些重叠,尤其是Eric Meyer的重叠。

你指的概念是特异性继承。 Smashing Magazine有一个很好的article详细解释了这两个术语。

这里简要总结一下,特异性指的是特定CSS选择器的“权重”。更具体的选择者具有更大的权重,并且在发生冲突时优先考虑。例如,给定这个HTML:

<p class="text">Test</p> 

而这个CSS:

 
.text {color: green;} 
p {color: red;} 

文本将在绿色呈现,因为.text选择具有比p选择较高的特异性。

继承引用元素继承其包含元素的某些属性的方式。例如,给定这个HTML:

<div><span>Test</span></div> 

而这个CSS:

 
div {color: red;} 
span {font-size: 18px;} 

文本Test将会以红色呈现在18像素,因为span继承了文本颜色在其父div设置。来自O'Reilly的

CSS: The Missing Manual。很好的解释,并有非常有用的信息,包括如何避免与IE浏览器的一些常见问题