css常用的字体属性有哪些

青灯夜游
发布: 2021-12-09 14:26:44
原创
15677人浏览过
css常用的字体属性有:1、“font-family”可指定字体类型;2、“font-size”可设置字体大小;3、“font-style”可设置字体风格;4、“font-weight”;5、“font-variant”;6、“font”。

css常用的字体属性有哪些

本教程操作环境: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常用的字体属性有哪些的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号