码迷,mamicode.com
首页 > Web开发 > 详细

CSS中的三种选择器

时间:2014-12-05 00:28:56      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:style   io   ar   color   使用   sp   strong   on   div   

第一种:标签名选择器
      格式:标签名{
                    属性一:属性值;
                    属性二:属性值;
                    ...
               }
      例子:第一步: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标签的样式

CSS中的三种选择器

标签:style   io   ar   color   使用   sp   strong   on   div   

原文地址:http://www.cnblogs.com/gangqing/p/4145251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!