css选择器

   

     CSS选择器样式:

        

  

 总体来说,CSS选择器有 4 种:

      1.1  ID选择器:为标有特定id的HTML元素来指定样式,如:

       #green{color:green; }

                                                      

        1.2 派生选择器:根据上下文关系来定义样式,如

       

    1.3 CSS类选择器:用来给有class同名的html元素来指定样式,如    

            .center{ text-align:center}:所有拥有center类的HTML元素均为居中

       在html网页中,class可以命名重复,但是ID是唯一的

   1.4 CSS属性选择器:对带有指定属性的html元素来指定样式,也可以且不限于为id和class属性。

       (I6及以下版本不支持属性选择器)

       1.4.1  属性选择器:

            这个例子是为所有带有title属性的元素设置样式:[title]{ color:green;}

       1.4.2  属性和值选择器

           这个例子是title=“helloword”的所有元素设置样式 :[title=helloword]{ color:red;}

       1.4.3  属性和值选择器--多个值

           这个例子是指定值的title属性的所有元素设置样式,适用于由空格分隔的属性值: [title~=hello]{color: red;}

           这个例子是为带有包含指定值的lang属性的所有元素设置样式,适用于由廉洁字符分隔的属性值:

           [lang |=en]{color:red;}      

      1.4.4 css属性选择器可以为没有id和css值的form表单设置样式:

            input[type="text"]{

                 width:150px;

            }

            

          input[type="button"]{

                 width:150px;

            }

   这几个选择器都可以混合使用:

       如  :  id选择器可以作为派生选择器 :#sider1  h2{ height:20px;}

       如 :class选择器也可以作为派生选择器: .sider2 h2{ height:20px;}

  根据html网页的具体内容选择选择器来设置页面元素的样式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值