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属性。

猜你喜欢

转载自blog.csdn.net/u010763324/article/details/80107817