css常用的字体属性有哪些
程序员文章站
2023-12-21 20:48:04
...
css常用的字体属性有:1、“font-family”可指定字体类型;2、“font-size”可设置字体大小;3、“font-style”可设置字体风格;4、“font-weight”;5、“font-variant”;6、“font”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css字体属性
属性 | 说明 | CSS |
---|---|---|
font | 在一个声明中设置所有字体属性 | 1 |
font-family | 规定文本的字体系列 | 1 |
font-size | 规定文本的字体尺寸 | 1 |
font-style | 规定文本的字体样式 | 1 |
font-variant | 规定文本的字体样式 | 1 |
font-weight | 规定字体的粗细 | 1 |
@font-face | 一个规则,允许网站下载并使用其他超过"Web- safe"字体的字体 | 3 |
font-size-adjust | 为元素规定 aspect 值 | 3 |
font-stretch | 收缩或拉伸当前的字体系列 | 3 |
下面给大家仔细介绍一些常用的字体属性。
一、font-family
该属性用于指定文字的字体类型,如宋体、黑体、隶书、楷体、Times New Roman等。具体的语法如下:
{font-family:name;}
其中,name是字体的名称。如:{font-family: 宋体;}
二、font-size
该属性用来设置文字的大小。具体的语法格式如下:
{font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;}
这些参数代表的意义分别是:像素数值、最小、较小、小、正常、大、较大、最大、相对字体尺寸、相对字体尺寸、百分比、继承。
三、font-style
该属性是用来定义字体的风格,即字体的显示样式。具体的语法如下:
{font-style: normal | intalic | oblique | inherit;}
其中属性值分别表示默认值、斜体、倾斜、继承。
四、font-weight
该属性用来定义字体的粗细程度,具体的语法如下:
{font-weight: 100-900 | bold | bolder | lighter | normal;}
其中的属性值分别表示数值、粗体、更粗、更细、默认。
五、font-variant
该属性用于设置大写字母的字体显示。具体的语法格式如下:
{font-variant: normal | small-caps | inherit;}
其中的参数值分别表示默认值、显示小型大写字母的字体、继承。
六、font
该属性可以一次性使用多个属性来定义文本字体,是字体的复合属性。具体语法如下:
{font: font-style | font-variant | font-weight | font-size | font-family;}
(学习视频分享:css视频教程)
以上就是css常用的字体属性有哪些的详细内容,更多请关注其它相关文章!