说明:
对于群组选择器,两个选择器之间必须用“,”(英文逗号)隔开,不然群组选择器无法生效。
举例:
————————————————
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
h3,div,p,span{color:red;}
</style>
</head>
<body>
<h3></h3>
<div>天天向上</div>
<p>好好学习,天天向上</p>
<span>好好学习,天天上学</span>
</body>
</html>
————————————————
分析:
“h3,div,p,span{color:red;}”表示选中所有的h3元素、div元素、p元素和span元素,然后设置这些元素的字体颜色为red。
————————————————————————————————
<style type="text/css">
h3,div,p,span{color:red;}
</style>
————————————————————————————————
其实上面这段代码等价于以下代码:
————————————————————————————
<style type="text/css">
h3{color:red;}
div{color:red;}
p{color:red;}
span{color:red;}
</style>
——————————————————————————
现在大家知道使用群组选择器的效率有多高了吧!
4、文本样式总结表1 CSS文字属性
一、字体类型font-family
语法:
font-family:字体名;
说明:
字体名指的是“微软雅黑”、“宋体”、“Times New Roman”等。
举例:“font-family:微软雅黑;”
二、字体大小font-size
语法:
font-size:像素值;
说明:
初学者尽量使用像素来作为单位,因此我们不会在初学者阶段介绍太多的其他单位,比如百分比、em等。
举例:“font-size:15px;”
三、字体颜色color
语法:color:关键字/颜色值;
说明:
color共有2种取值,一种是关键字取值,例如“color:red;”;另外一种是十六进制颜色值,例如“color:#F1F1F1;”。对于十六进制颜色值,我们可以使用绿叶学习网的“在线调色板”选取你喜欢的颜色。
举例:“color:blue;”
四、字体粗细font-weight
语法:
font-weight:取值;
说明:
对于中文网页来说,font-weight属性一般仅用到bold、normal这两个属性值完全就可以了,粗细值不建议使用数值(100~900)。
举例:“font-weight:bold;”
五、字体斜体font-style
在CSS中,使用font-style属性来定义字体倾斜效果
语法:
font-style:取值;
说明:
font-style属性的取值如下表:
————————————————
举例:“font-style:italic;”
六、CSS注释
语法:
/*注释的内容*/
说明:
“/*”表示注释的开始,“*/”表示注释的结束。