本文详细介绍了CSS中的字体样式属性，包括颜色、样式、重量、变体等，并通过实例展示了如何应用这些属性。
字体样式用法：
color:代表字体的颜色
有3中表示方法:
1.#16进制（如color:#ff0000,此种亦可写为#f00），
2.RGB(color:rgb(100,14,200),
3.具体颜色英文名(如color:red)
font-style 设置字体样式
有3种：
1.font-style:normal 表示正常的字体
2.font-style:italic 表示斜体，对于没有倾斜变量的字体赢选择oblique
3.font-style:oblique 表示倾斜的字体
font-weight 设置字体的重量
主要可分为5种
1.font-weight:normal 表示正常字体，相当于数字的400
2.font-weight:bold 表示粗体，相当于数字700
3.font-weight:bolder 表示比normal粗
4.font-weight:lighter 表示比normal细
5,即数字型，一到八百 整百的
font-variant 设置或检索对中的文本是否为小型的大写字母
有两种
1.font-variant:normal 表示正常字体
2.font-variant:small-caps 表示小型的大写字母
//style.css
p.t3{font-variant:small-caps}<html>
<head>
<title>font-variant</title>
<link rel = "stylesheet" href = "style.css" type = "text/css"/>
</head>
<body>
<p>Tom is a boy</p>
<p class = "t3">Tom is a boy</p>
</body>
</html>
扫一扫
2737
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
