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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐