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{ 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是继承关系。