CSS中#号、.号、*号详解
代码】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属性。
<div id="csdn">
</div>
background:#F00;
height:20px;
width:500px;}
font-size:14px;
}
</div>
<div class="dot">第二个层
</div>
background:#000;
height:20px;
color:#FFF;
width:500px;}
更多推荐
已为社区贡献1条内容
所有评论(0)