css的选择器
标签选择器、类选择器和ID选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css的选择器</title>
<style type="text/css">
h1{
font-weight:normal;
color:red;
}<!--标签选择器-->
.stress{color:blue;}<!--类选择器-->
#ID{color:green;}<!--id选择器-->
</style>
</head>
<body>
<h1>春</h1>
<p><span class="stress">“吹面不寒杨柳风”</span>,不错的,像母亲的手抚摸着你。风里带来些新翻的泥土的气息,混着青草味,还有<span class="stress">各种花的香</span>,都在微微润湿的空气里酝酿。鸟儿将窠巢安在繁花嫩叶当中,高兴起来了,呼朋引伴地卖弄清脆的喉咙,唱出宛转的曲子,与轻风流水应和着。牛背上牧童的短笛,这时候也成天在嘹亮地响。</p>
<p><span id="ID">雨是最寻常的</span>,一下就是三两天。可别恼。看,像牛毛,像花针,像细丝,密密地斜织着,人家屋顶上全笼着一层薄烟。树叶子却绿得发亮,小草也青得逼你的眼。傍晚时候,上灯了,一点点黄晕的光,烘托出一片这安静而和平的夜。乡下去,小路上,石桥边,撑起伞慢慢走着的人;还有地里工作的农夫,披着蓑,戴着笠的。他们的草屋,稀稀疏疏的在雨里静默着。</p>
</body>
</html>
运行结果
类和ID选择器的区别
1、ID选择器只能在文档中使用一次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。