CSS中#号、.号、*号详解

（1）#：

#号的作用是控制对应div的css样式，具体事例如下：

HTML代码：

<div id="csdn">
</div>

CSS代码：

#csdn{
background:#F00;
height:20px;
width:500px;}

上面的代码运行后，你会发现，页面中出现一个高20px，宽500px，红色背景的一个层，它可以表明#号是控制id为“csdn”的这个DIV的，也就是说css中#号是控制和他同名的网页元素的。

（2）*：

*号是css中的通配符，意思是所有的标签都有的属性，表示所有的标签都遵循的统一样式。例如：

*{
font-size:14px;
}

上面的*号设置了页面中所有文字大小后面在没有单独设置的情况下为14像素。

（3）.：

html代码：

<div class="dot">第一个层
</div>

<div class="dot">第二个层
</div>

css代码：

.dot{
background:#000;
height:20px;
color:#FFF;
width:500px;}

运行上面的代码你会发先，“第一个层”和“第二个层”拥有的是相同的css属性。