目录
54.1.2 设置字号(font-size)和字的颜色(color)
54.1.4 添加文字修饰——text-decoration
CSS 通过设置各种样式属性来控制页面的显示。 CSS 涉及的属性极其庞大,这里我们将介绍一些常用的属性。
54.1 文本属性
与 HTML 相比,CSS 能更加精细地控制文本的显示
54.1.1 设置字体——font-family
在 HTML 中设置字体是使用的 <font> 标记的 face 属性,而在 CSS 中可以使用 font-family 属性来设置字体。在定义英文字体时,若英文字体名是由多个单词组成的,并且单词之间有空格,那么一定要将字体名用引号(双引号单引号均可)引起来。
<html>
<head>
<title>设置字体</title>
<style type="text/css">
p{font-family: 华文彩云;}
</style>
</head>
<body>
<p>这段文字的字体是华文彩云。</p>
</body>
</html>
在浏览器中打开网页,效果如下:
应用 font-family 属性可以一次定义多个字体。如:
font-family: 字体 1,字体 2,字体 3,……;
在浏览器读取字体时,会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体,则自动读取第二种字体,若第二种也找不到,则取第三种,依次类推。如果所有定义的字体都找不到,则选用计算机系统的默认字体。
54.1.2 设置字号(font-size)和字的颜色(color)
<html>
<head>
<title>设置字号和颜色</title>
<style type="text/css">
p{font-family: 华文彩云;
font-size: 24px;
color: red;}
</style>
</head>
<body>
<p>这段文字的字体是华文彩云。</p>
</body>
</html>
在浏览器中打开网页,效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/3b8bf11b98cbfcd2a2fd68948ef0b7b7.png)
上例中的 px(像素)是一种尺度单位。除此之外还有以下几种:
![](https://i-blog.csdnimg.cn/blog_migrate/1bd111f2de720c9f85bbe04b6925585c.png)
上例中
“color: red;”
是一种表示颜色的方法,即以颜色的英文名称表示。除此
之外还有:
RGB
颜色
通过
设置红(R)、绿(G)、蓝(B)
三原色不同的值来设置颜色,其中每一
种单色的取值为
0~255
之间的整数。例如:
p{color: rgb(128,80,80);}
十六进制颜色
十六进制颜色使用最为普遍,它和
RGB
颜色相似,只是将数值转换成
16
进制的数字。写法为:#RRGGBB。
例如:
p{color: #FFAA88}
每一种单色的取值范围为
00~FF
,对应的十进制仍是
0~255</