本篇内容主要讲解“CSS有哪些改变字体的属性”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css有哪些改变字体的属性”吧! css改
本篇内容主要讲解“CSS有哪些改变字体的属性”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css有哪些改变字体的属性”吧!
css改变字体的属性：font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch等。
本教程操作环境：windows7系统、css3版、Dell G3电脑。
css改变字体的属性
| 属性 | 说明 |
|---|---|
| font | 在一个声明中设置所有字体属性 |
| font-family | 规定文本的字体系列 |
| font-size | 规定文本的字体尺寸 |
| font-style | 规定文本的字体样式 |
| font-variant | 规定文本的字体样式 |
| font-weight | 规定字体的粗细 |
| @font-face | 一个规则，允许网站下载并使用其他超过"WEB- safe"字体的字体 |
| font-size-adjust | 为元素规定 aspect 值 |
| font-stretch | 收缩或拉伸当前的字体系列 |
| color | 设置字体文本的颜色 |
font-style属性：
font-style属性指定文本的字体样式。
| 值 | 描述 |
|---|---|
| nORMal | 默认值。浏览器显示一个标准的字体样式。 |
| italic | 浏览器会显示一个斜体的字体样式。 |
| oblique | 浏览器会显示一个倾斜的字体样式。 |
font-variant属性：
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器会显示一个标准的字体。 |
| small-caps | 浏览器会显示小型大写字母的字体。 |
font-weight属性：
font-weight 属性设置文本的粗细
| 值 | 描述 |
|---|---|
| normal | 默认值。定义标准的字符。 |
| bold | 定义粗体字符。 |
| bolder | 定义更粗的字符。 |
| lighter | 定义更细的字符。 |
| 定义由细到粗的字符。400 等同于 normal，而 700 等同于 bold。 |
color 属性：
Color属性指定文本的颜色。
| 值 | 描述 |
|---|---|
| 颜色的名称 | 颜色的名称，比如red, blue, brown, lightseagreen等，不区分大小写。 |
| 十六进制 | 十六进制符号 #RRGGBB 和 #RGB（比如 #ff0000）。"#" 后跟 6 位或者 3 位十六进制字符（0-9, A-F）。 |
| RGB，红-绿-蓝（red-green-blue (RGB)） | 规定颜色值为 rgb 代码的颜色，函数格式为 rgb(R,G,B)，取值可以是 0-255 的整数或百分比。 |
| RGBA，红-绿-蓝-阿尔法（RGBa） | RGBa 扩展了 RGB 颜色模式，它包含了阿尔法通道，允许设定一个颜色的透明度。a 表示透明度：0=透明；1=不透明。 |
| HSL，色相-饱和度-明度（Hue-saturation-lightness） | 色相（Hue）表示色环（即代表彩虹的一个圆环）的一个角度。 饱和度和明度由百分数来表示。 100% 是满饱和度，而 0% 是一种灰度。 100% 明度是白色， 0% 明度是黑色，而 50% 明度是"一般的"。 |
| HSLA，色相-饱和度-明度-阿尔法（HSLa） | HSLa 扩展自 HSL 颜色模式，包含了阿尔法通道，可以规定一个颜色的透明度。 a 表示透明度：0=透明；1=不透明。 |
到此，相信大家对“css有哪些改变字体的属性”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
--结束END--
本文标题: css有哪些改变字体的属性
本文链接: https://www.lsjlt.com/news/71685.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0