在下面的代码中,我们为部分 class="body" 和 ol、li 中的每一个都有一个不同的类。h2 ,页脚和 div。当我们不在任何地方应用它时,在该部分中提及 class="body" 有什么用?如果我们为“body”提供一个 css,它将如何反映在代码中?
http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
在下面的代码中,我们为部分 class="body" 和 ol、li 中的每一个都有一个不同的类。h2 ,页脚和 div。当我们不在任何地方应用它时,在该部分中提及 class="body" 有什么用?如果我们为“body”提供一个 css,它将如何反映在代码中?
http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
如果您阅读了您发布链接的文章... 您应该会找到以下内容...
你们中的一些人可能已经注意到我是如何将class="body"
属性添加到标记中布局的主要部分的。这是因为我们希望我的网站的主体具有一定的宽度(800 像素),而我从来都不<div>
喜欢这样做的大包装。因此,我们将使用基本的块居中技术,并为此使用边距。我还在本节中添加了几个通用类,它们可能用于发布端内容。
.body {clear: both; margin: 0 auto; width: 800px;}
img.right >figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; >margin: 0 0 2em 2em;}
...结束报价...
一般而言,如果您没有在 css 或 JavaScript 中引用类名,那么将其包含在您的 html 中就没有多大意义。
如果您添加如下的 css 规则:
.body {*css rules*}
...那么无论您拥有class="body"
这些规则,都将应用于它。
希望有帮助