一、CSS常见设置字体属性

css设置字体常用属性：
1.定义文本字体：font-family
2.定义文本大小：font-size
3.设置字体粗细: font-weight
4.设置文本的风格:font-style

二、使用方法

1.font-family

（设置字体为微软雅黑，推荐用英文写法，兼容性更好）代码如下（示例）：

 h1 {font-family:'Microsoft Yahei';}

注意：
①各种字体之间必须使用英文状态下的逗号隔开，多个字体会依次查找，若没有则往后找
如： p {
font-family: ‘Times New Roman’, Times, serif;
}

② 一般情况下，如果有空格隔开的多个单词组成的字体，加引号。

③尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示

2.font-size

代码如下（示例）：

.red {font-size: 20px;}

注意：
①px（像素）大小是我们网页的最常用的单位

②谷歌浏览器默认的文字大小为16px

③不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小

④可以给body指定整个页面的大小，但标题标签比较特殊，需要单独指定文字大小

3.font-weight

代码如下（示例）：

.bold {font-weight: 700;}

注意：
①700后面不跟单位，等价于bold（定义粗体）字体加粗的效果，而且实际开发中，我们更提倡使用数字，表示加粗或变细

②若要使标题变细，可以将值设为 normal（默认值，不加粗的）或400

4.font-style

   p {font-style: normal;
}

注意：
①normal：默认值，浏览器会显示标准的字体样式；
italic: 浏览器会显示斜体的字体样式；

②一般用来将倾斜的字体不倾斜，如将em标签变得不倾斜；

总结

如果你觉得一个一个设置非常的麻烦，可以使用下面这种方法。
font 复合属性写法

默认font: font-style font-weight font-size/line-height font-family;
注意：
①顺序不能改变；所以应用时可以写成：font: italic 700 16px ‘微软雅黑’；

②各个属性之间用用空格隔开；

③不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family属性，否则 font 属性将不起作用，如 font: 16px ‘微软雅黑’;

学习内容：

1、 font-family 用法 2、 font-size用法 3、font-weight用法 4、 font-style 用法 5、font 复合属性写法

手把手教你设置常用字体属性相关推荐

手机来电秀怎么开启_华为手机怎么设置视频来电秀？原来方法这么简单，手把手教你设置...
原标题:华为手机怎么设置视频来电秀?原来方法这么简单,手把手教你设置前几天有个使用华为手机的网友问小编,下载什么软件可以将视频设置成来电铃声.其实华为手机自身就携带了视频来电秀功能,并不用下载第三方 ...
win10设置开机启动项_手把手教你设置 win10系统开机提示“You hava to install ATK0100 driver”的妙计 -win10使用教程...
据统计调查,好多朋友都在为手把手教你设置 win10系统开机提示"You hava to install ATK0100 driver"的妙计的问题而烦恼,小编决定将解决的办法分 ...
计算机如何远程连接防火墙,手把手教你设置防火墙进行远程控制
远程控制和网络防火墙是XP中两个新的性能.远程控制允许你直接连接到一个远程计算机上,并可以在那台电脑上工作.网络防火墙能够通过阻止访问你网络和电脑的TCP/IP流量. 因为网络防火墙在默认的状态下会阻 ...
Echarts 折线图完全配置指南 - 手把手教你设置 Echarts 折线图详细教程
本文首发:<Echarts 折线图完全配置指南> Echarts 折线图是图表中最常用的显示形式之一.使用 Echarts 做出基本的折线图很简单,但要是想把多组数据放在一张图表中,展示的 ...
19款探岳刷隐藏教程_三星S10系列如何隐藏导航栏官微“手把手”教你设置
三星于2月28日在乌镇正式发布国行版三星S10系列手机,无论是出色的外观设计,还是超强的性能,亦或是优秀的三摄成像,无不受到消费者的喜爱.但是,有消费者在使用三星S10系列搭载的One UI时却遇到了 ...
计算机amibios设置教程,最新最全图解手把手教您设置主板BIOS
BIOS设置对绝大多数电脑用户来说都比较陌生,其中的BIOS设置参数更是难以理解,但是在日常的使用中,如装机.重装系统.硬件调试等环节又不得不涉及到BIOS设置,鉴于目前网络上关于BIOS设置图程的资 ...
cookie有效时间设置，手把手教你设置
1.cookie是否有效时间限定? cookie是有有效时间的,并且可以自定义有效时间 2.如何设置cookie? 这里我是直接封装起来,直接贴代码,不懂可以私信!!! // 设置cookiestat ...
计算机共享打印机怎么弄,电脑共享打印机怎么设置，手把手教你设置共享打印机...
同一局域网内,打印机是我们工作中所有电脑打印文档.图片等资料的必备保障,但为了节省资源,都是多台电脑使用一个打印机,通过在与打印机直接的电脑上设置共享将打印机变成网络打印机,通过设置之后,局域网中其它 ...
如何避免手机失窃后倾家荡产——手把手教你设置SIM卡密码（也就是PIN密码）
1.背景近期,一篇标题为<一部手机失窃而揭露的窃取个人信息实现资金盗取的黑色产业链>的文章引发关注和热议,不法分子偷盗个人手机后,在某政务App窃取用户个人信息,进而申请网贷消费造成用户 ...

手把手教你设置常用字体属性

文章目录