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-12-07uniapp动态设置不同的css有哪些方法?-icode9专业技术文章分享
- 2024-12-07UniApp 中,怎么通过 CSS 设置 view 组件的水平居中效果?-icode9专业技术文章分享
- 2024-12-06TailwindCSS开发入门教程
- 2024-12-06TailwindCSS项目实战:从入门到上手
- 2024-12-06TailwindCss项目实战:初学者指南
- 2024-12-05TailwindCSS入门指南:轻松上手实用教程
- 2024-12-05TailwindCss入门指南:轻松上手实用技巧
- 2024-12-04Tailwind.css入门:简洁高效的设计利器
- 2024-12-03Tailwind.css学习:从入门到实战的全面指南
- 2024-11-29Tailwind.css入门指南:快速上手实用教程