css中井号，点，星号的区别和应用实例。

在css文件中，经常会看到#号、*号和“.点”，对于没有一点css阅读、开发经验的朋友来讲，这几个符号所代表的意思是什么、有什么作用，肯定是一点都不知道，那么今天我们就一起来认识一下这3个符号在css中的共同点和区别。

“#(井)号”、“*号”、“.点”的相同点：

他们有着一个共同点， 就是都是用来控制网页中元素的css代码的一部分，没有了这几个符号，css代码就无法控制网页元素的显示布局，页面将会变的一团糟。

“#(井)号”、“*号”、“.”区别是什么？下面我们就用实例来讲解一下。

#(井)号：

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

HTML代码：

<div id="jinghao">
</div>

CSS代码：

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

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

*号：

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

*{
font-size:14px;
}

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

.点符号：

html代码：

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

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

css代码：

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

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

思考一下，假如2个层的ID是一样的话，会有什么样的效果呢？

转载自：http://www.cunguer.com/wyzz/css/267.html