CSS设置字体样式
2021/12/18 23:23:37
本文主要是介绍CSS设置字体样式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
字体类型属性font-family
格式:
font-family:"华文彩云"
使用font-family设置字体时,需要注意以下几点:
- 各种字体之间必须使用英文状态下的逗号隔开
- 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体必须位于中文字体名之前。
字体大小属性font-size
font-size:字号大小
格式:
font-size: 12px;
字体风格属性font-style
font-syle属性:
normal:正常(默认值)
italc:斜体
属性值:normal:默认值 italc:斜体 oblique:倾斜
font-style: mormal;
注意是:italc和oblique都是设置斜体的,两者在本质上没有效果上并没有区别,但是在实际开发中常用是italc
字体粗细属性font-weight
normal:正常(默认值)
bold:敢于冒险的; 鲁莽的; 轮廓(或色彩)突出的;
bolder:粗体的; 勇敢的; 冒失的;
lighter:更细;打火机; 点火器; 点火者; 驳船;
格式:
font-weight: bold;
n属性值 | 描述 |
---|---|
normal | 默认值,定义标准的字符 |
bold | 定义粗体字符 |
bolder | 定义更粗的字符 |
lighter | 定义更细的字符 |
100~900(100)的整数倍 | 定义由细到粗的字符,其中400是等于normal,700等于bold,值越大越粗 |
字体颜色属性Color
格式:
color: red;
字体属性font
字体属性font
font综合设置字体样式:风细大体
font: font-style font-weight font-size/line-height font-family;
综合写法:一定要写font-size
和font-family
属性,其它属性可以不写。
这篇关于CSS设置字体样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-14CSS-Module学习:轻松入门指南
- 2024-11-12CSS9资料入门指南
- 2024-11-12CSS浮动资料详解:初学者指南
- 2024-11-12CSS选择器资料详解与实战教程
- 2024-11-12CSS样式资料:初学者必备指南
- 2024-11-11CSS项目实战:从入门到上手
- 2024-11-11CSS定位项目实战:新手指南
- 2024-11-11CSS浮动项目实战:初学者指南
- 2024-11-11CSS选择器项目实战:从入门到上手
- 2024-11-11CSS样式项目实战:新手入门指南