CSS选择器

1.标签选择器
p{ color:green}
2.类选择器
.news { font-size:20px;
             color:green
}
应用:
<P class="news">新闻</p>
3.ID选择器
与类选择器相似,不同的是,id选择器不能复用。在一个xhtml/html文档中,只能把样式指定给一个标签。
#news { font-size:20px;
             color:green
}
应用:
<P id="news">新闻</p>
4.全局选择器
* {
margin: 0;
padding: 0;
}
5.组合选择器
标签选择器,类选择器,id选择器可以组合在一起用。一般组合方式是标签选择器和类选择器组合,标签选择器和id选择器组合。
组合使用就是把两个选择器写在一起,使css样式定位更准确。
p{ color:green}
p.news { font-size:20px;
             color:green;
}
.news {color:green;}
6.继承选择器
css继承只会发生在父子,爷孙关系中,并不发生爷孙关系中。
p b { color:#000;}

p父元素 b子元素,pb之间的空格必不可少,表示pb是继承关系。

tangchwei's Blog

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值