首页 前端知识 CSS字体属性

CSS字体属性

2024-02-15 14:02:54 前端知识 前端哥 517 377 我要收藏

1,概要

属性:font-size        表示:字号        注意:通常的单位是px像素,一定要跟上单位

属性:font-famliy     表示:字体        注意:实际工作中按照团队约定的字体设置

属性:font-weight    表示:字体粗细 注意:数字不跟单位,加粗700或bold,不加粗400或normal

属性:font-style       表示:字体样式 注意:倾斜:italic        不倾斜:normal

属性:font                表示:字体连写 注意:字体连写是有顺序的,不能随意换位,其中字号与字体必须出现

2,font-style设置文字样式

属性值:normal        作用:为默认值,浏览器会显示标准的字体样式,font-style:normal

属性值:italic            作用:浏览器会显示倾斜样式

ps,平时我们一般很少给文字加斜体,反而给倾斜标签改为不倾斜字体(<em>,<i>)

展示

 

3,font-weight设置字体粗细

属性值:normal        作用:默认值(不加粗),即400

属性值:bold            作用:定义粗体(加粗),即700

ps:一般在开发中,习惯用数字加粗

展示

 

4,font-size设置字体大小

ps:(1)不同的浏览器的默认字体大小不同,谷歌的为16px

       (2)可用body制定整个页面文字大小 

展示

 

5,font-famliy设置字体系列

ps:(1)各个字体必须使用英文状态下的逗号隔开

        (2)一般情况下,如果有多个词组组成的字体,加引号

        (3)尽量使用系统自带的字体

展示:

 

6,font连写

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2078.html
标签
评论
发布的文章

01-10jQuery框架

2024-03-01 12:03:59

JS jQuery基础2

2024-03-01 12:03:54

jQuery实现文件上传

2024-03-01 12:03:53

JQuery简介与解析

2024-03-01 12:03:31

jquery上传图片单图多图

2024-03-01 12:03:11

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!