CSS入门之字体样式用法color(颜色),font-style(倾斜),font-weight(重量),font-variant(大小写)

最新推荐文章于 2023-02-28 05:15:00 发布

最爱林丽明小姐

最新推荐文章于 2023-02-28 05:15:00 发布

阅读量5.5k

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/kissme_a/article/details/18762323

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

字体样式用法：

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>

最爱林丽明小姐

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
CSS入门之字体样式用法color(颜色),font-style(倾斜),font-weight(重量),font-variant(大小写)

字体样式用法：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
复制链接

扫一扫