CSS代码结构初探

Example Source Code [www.mb5u.com]
HTML：

<div id="aboutmb5u">

<h1 class="title">Div CSS教程 www.mb5u.com</h1>

<p class="abouttext">mb5u.com是一个非常专业的CSS站点</p>

<p class="abouttext">mb5u.com的Div CSS教程栏目有丰富的教程</p>

</div>

CSS：

.title {font-size:13px; color:#f60;}

.abouttext {font-size:12px; color:#666;}

我们进行一下优化，去掉一些不必要的命名。代码如下：

Example Source Code [www.mb5u.com]

HTML：

<div id="aboutmb5u">

<h1>Div CSS教程 www.mb5u.com</h1>

<p>mb5u.com是一个非常专业的CSS站点</p>

<p>mb5u.com的Div CSS教程栏目有丰富的教程</p>

</div>

CSS：

#aboutmb5u h1 {font-size:13px; color:#f60;}

#aboutmb5u p {font-size:12px; color:#666;}