来一发CSS基本教程: CSS的分组(Grouping)和嵌套(Nesting)

符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
Grouping分组

　　当很多选择器有一样属性时，可使用逗号组合它们。
　　例子：

h2{
color:red;
}
.thisOtherClass{
color:red;
}
.yetAnotherClass{
color:red;
}
　　下面的能够写成如许：

h2,.thisOtherClass,.yetAnotherClass
{
color:red;
}
Nesting嵌套

　　假如CSS布局优秀，不必要利用良多class或ID选择器。这是由于CSS能够设定选择器内里选择器的属性。
　　例子：
#top{
background-color:#ccc;
padding:1em
}
#toph1{
color:#ff0;
}
#topp{
color:red;
font-weight:bold;
}
　　假如你碰着上面如许的情势，记得处置失落你网页上的class或ID。

<divid="top">
<h1>Chocolatecurry</h1>
<p>Thisismyrecipeformakingcurrypurelywithchocolate</p>
<p>Mmmmmmmmmm</p>
</div>
　　这是因为，经由过程利用空格分别选择器，我们能够设定IDtop内里的h1色彩为#ff0，p是red和blod。
　　这大概对照庞大，由于嵌套能够多级利用，以是必要多加实习。
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。