css选择器
2011-03-24 08:54
239 查看
一:css选择器
1) 标记选择器
<style type="text/css">
h1{
color:red;
font-size:25px;
}
</style>
选中html标记中的所有h1标记.将所有h1标记的颜色设置为red,字体大小为:25px;
2) 类别选择器
.className
{
color:red;
font-size:25px;
}
<body>
<p class="className">class选中器</p>
</body>
3) ID选择器
<style type="text/css">
#idName
{
color:red;
font-size:25px;
}
</style>
<body>
<p id="idName">class选中器</p>
</body>
注意:id选择器只能用于一个元素,因为每个元素的id再html标记中是唯一的.js中的getElementById就是通过id选中元素,所以id是唯一的.而类别选择器可以用于多过元素,只要元素的class属性等于声明的类别选择器名即可.
二:css的声明
1) 集体声明
h1,h2,h3{
}
h1.class, .class,#id{
}
2) 嵌套声明
p em{
color:red;
}
<p>p tage<em>emTag</em></p>
说明:将p标记中的em标记中的字体颜色设置为red.
1) 标记选择器
<style type="text/css">
h1{
color:red;
font-size:25px;
}
</style>
选中html标记中的所有h1标记.将所有h1标记的颜色设置为red,字体大小为:25px;
2) 类别选择器
.className
{
color:red;
font-size:25px;
}
<body>
<p class="className">class选中器</p>
</body>
3) ID选择器
<style type="text/css">
#idName
{
color:red;
font-size:25px;
}
</style>
<body>
<p id="idName">class选中器</p>
</body>
注意:id选择器只能用于一个元素,因为每个元素的id再html标记中是唯一的.js中的getElementById就是通过id选中元素,所以id是唯一的.而类别选择器可以用于多过元素,只要元素的class属性等于声明的类别选择器名即可.
二:css的声明
1) 集体声明
h1,h2,h3{
}
h1.class, .class,#id{
}
2) 嵌套声明
p em{
color:red;
}
<p>p tage<em>emTag</em></p>
说明:将p标记中的em标记中的字体颜色设置为red.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 