css宋体代码_CSS字体样式
本节我们来讲字体样式，之前我们学习 HTML 的时候学过⼀些⽤于字体加粗、倾斜的标签，但是使⽤标签来实现的效果肯定没有我们通过CSS 中的样式来的⽅便。
接下来我们会给⼤家介绍下⾯这⼏个属性的使⽤：
通过学习上述这⼏个 CSS 属性，我们可以实现给 HTML 中的⽂字设置字体、⼤⼩、风格、倾斜、加粗等。
font-family
font-family 属性⽤于设置⼀个元素的字体，字体就是像宋体、楷体等。
通过 font-family 属性，可以同时声明多种字体，字体之间使⽤逗号分隔。根据字体的调⽤原则，会优先调⽤第⼀种字体，如果没有到，则会尝试调⽤下⼀个字体，如果都不到则调⽤默认字体。
⽰例：
例如为下⾯这个
标签中的⽂本设置字体：
Hello，侠课岛
可以使⽤标签选择器，然后在 font-family 属性中设置：
p{    font-family:'Times New Roman','sans-serif', 宋体, 楷体;}
在声明字体时，我们应该分别声明英⽂字体和中⽂字体，且英⽂字体的声明应该在中⽂字体之前。因为绝⼤部分中⽂字体⾥包含英⽂字母，但是不是很好看，⽽英⽂字体⾥不包含中⽂字符。所以如果我们不希望⽤中⽂字体来显⽰英⽂，就⼀定要记得先声明英⽂字体。先声明的会先调⽤。
常⽤英⽂字体：Arial、Helvetica、Tahoma、Verdana、Lucida Grande、Georgia 等。
常⽤中⽂字体：宋体 SimSun、⿊体 SimHei、微软雅⿊ Microsoft YaHei、仿宋 FangSong、楷体 KaiTi 等。
font-size
font-size 属性⽤于设置字体的⼤⼩，常⽤的单位为 px，即像素。
px 是 Pixel 的缩写，是可以在数字显⽰设备上显⽰和表⽰的数字图像或图形的最⼩单位。像素是数字图形中的基本逻辑单元，像素也称为图像元素。
⽰例：
例如我们来看下⾯这段代码(其他HTML结构代码没有展⽰出来)：
断句
近⽔楼台先得⽉，向阳花⽊易为春。
在浏览器中的演⽰效果为：
然后此时，我们通过 font-size 来将其中的
标签中的字体设置为 14px，
fontweight属性bold标签中的字体设置为 20px：
h1{    font-size: 14px;}p{    font-size: 20px;}
在浏览器中演⽰效果就变为了下图所⽰：
很明显，通过 CSS 中的 font-size 属性可以设置任意标签中的字体⼤⼩。
font-style
font-style 设置字体的风格，可以将字体设置成斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的⼀个单独的字体。此属的常⽤属性值如下所⽰：
⽰例：
将下⾯三个
中的内容设置为不同的字体风格，可以使⽤类选择器：
将字体设置为标准的字体样式
将字体设置为斜体的字体样式
将字体设置为倾斜的字体样式
CSS 样式代码：
.normal {    font-style:normal;}.italic {    font-style:italic;}.oblique {    font-style:oblique;}
在浏览器中演⽰效果如下所⽰：
font-weight
font-weight 属性⽤于设置显⽰元素的⽂本中所⽤的字体加粗。
此属性的常⽤属性值如下所⽰：
⽰例：
将下⾯的
标签的粗细分别设置为 normal、bold、700、900：
将字体设置为:normal
将字体设置为:bold
将字体设置为:700
将字体设置为:900
CSS 样式代码：
.w1 {    font-weight: normal;}.w2 {    font-weight: bold;}.w3 {    font-weight: 700;}.w4 {    font-weight: 900;}在浏览器中演⽰效果：
font
font 属性⽤于在⼀个声明中设置所有的字体属性，各个属性之间使⽤空格隔开。也就是上述⼏个属性的综合简写属性。
如果我们使⽤ font 属性来设置字体样式，设置顺序分别是：font-style、font-variant、font-weight、 font-size/line-height、font-family。可以不设置其中的某个值，未设置的属性会使⽤其默认值。
⽰例：
草长莺飞⼆⽉天，拂堤杨柳醉春烟。
留连戏蝶时时舞，⾃在娇莺恰恰啼。
CSS 样式代码：
.p1{    font: italic bold 20px 'sans-serif', 楷体;}.p2{    font: bold 14px 'Arial', 宋体;}
在浏览器中演⽰效果：
注意，在使⽤ font 属性时，font-size 和 font-family 的值是必需的，如果没有设置这两个属性值，则不会⽣效。
总结
本节学习的⼏个属性值都是 CSS 中最基本的属性，特别是 font-size 属性，我们会经常⽤到。⼀般浏览器会有⼀个默认的字体⼤⼩，例如16px，⽽编写页⾯时如果我们希望⼤部分页⾯内容正⽂字体⼤⼩为 12px 或 14px，就会在
标签上设置，这样就不⽤⼀个个标签去设置。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。