.表示是类选择器，就是class
#表示ID选择器
还有标签选择器和行内样式。
,只是一个标点，和前面的内容隔开。
<body>
<div id="header"><div class="red"></div></div>
<div id="content"></div>
<div id="footer"><div class="red"></div></div>
</body>
样式表↓
#header .red{}
#footer .red{}
用#的是ID选择器，命名时用id，在一个页面里不能重复出现。
用.的是类选择器，命名时用class，在一个页面里可以出现多次。
配合最上面那几句代码一起看，那这个样式表的意思就是id名为header的Div里面嵌了一个class名为red的Div
不知道你看得懂不？顺便和你分享一个资料，看下图。
<style type="text/css">.fl {float:left}
.fr {float:right}
</style>
<body>
<span class="fl">用户名：XXX </span>
<span class="fr">时间：2010年3月14日</span>
</body>
