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;}