第一种:标签名选择器
格式:标签名{
属性一:属性值;
属性二:属性值;
...
}
例子:第一步:
div{
background-color:#00ff00;
font-size:20px;
}
第二步:<div> 第二种方式</div >
第二种:类名选择器
格式:.类名{
属性名:属性值;
属性名:属性值;
...
}
例子:第一步:.one{
font-size: 30px;
}
第二步:<div class="one">div 区域一</div>
第三种:id先择器
格式:#id名称{
属性名:属性值;
属性名:属性值;
...
}
例子:第一步: #div03{
background-color:#00ff00;
font-size:20px;
}
第二步:<div id= "div03"> 第三种方式</div >
标示:一个好的CSS需要合理的混合使用这三种选择器
div span : 表示设定div标签中的span标签 的样式
span .our: 表示设定span标签中 class名称为 our的标签的样式
a#women : 表示设定a标签中id名称为women的a标签的样式