需要一本CSS书/资源推荐书 - 不是初学者书,而是更多的“基本校长”书
我自我思考,并且我建立了一些网页,其页面加载和访问者数量都很高 - 所有无论是我自己的网站还是我有兴趣参与的网站。我通过反复试验并通过在Google上查找特定案例来学习所有内容,以实现我想实现的目标。因此,每个网站或重新设计都比以前更好。需要一本CSS书/资源推荐书 - 不是初学者书,而是更多的“基本校长”书
我总是得到我想要的最终结果,但我觉得我缺乏基本的校长,这会导致需要几小时才能解决的问题。例如:我会在一个div内的div内创建一个p,每个元素将使用一个或多个css类,并且在某些情况下,我会在最低级别p得到一个我并不期待的影响。
这意味着,我并不真正理解链中较高类和较低使用类之间的关系(如果明白我的意思) - ap中的填充或边距如何受另一个填充或边距影响三个层次在一个div。或者用于相同元素(p,div等)的多个类如何相互作用或相互冲突。
所以我正在寻找一个css书籍或在线资源,解释它如何挂在一起,而不是如何个别字体或边距元素的工作。
任何援助将不胜感激。
本书从CSS的教父是我的最爱之一:
Cascading Style Sheets: Designing for the Web (via Amazon.com)
尼科尔Sullivan也在做一些伟大的工作中的“面向对象的CSS”的区域,其目的是创建模块化CSS这是可重用的,减少代码CSS膨胀,导致类似于你所描述的问题。你可以找到她在:Stubbornella.org
优秀的书 - 我的第一本css书。不幸的是,它现在7岁了,有点过时 – 2012-03-15 19:41:28
我同意,它是一本优秀的书,特别适合初学者。在开始研究最新规范的更高级方面之前,最好掌握其中的概念。 – chprpipr 2012-03-15 21:11:11
我喜欢和学习从CSS Anthology:101基本技巧,窍门&黑客。它来自Sitepoint人员,他们在Web设计和编码教学方面做得很好。而且,我们从真实世界的设计问题的例子中学习,而不是某些标准出版物或自上而下的说明,您必须跳过第150页或者陷入困境。
在回顾之前的SO帖子后,这里有一个extended older discussion。和couple的more列表中,您可以看到一些重叠,尤其是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的
技术社区感兴趣的有效问题。 – 2012-03-15 21:05:51