font-size:16px; font-family:"宋体"; <!--font-weight:normal;--> font-weight:400; } .tittle { font-size:20px; font-family:"黑体",Arial,"微软雅黑","Microsoft Yahei"; <!--font-weight:bold;--> font-weight:700; } </style> </head> <body> <p class="tittle">静夜思</p> <p>...
font-style:italic 1. 文本粗细 font-weight font-weight: bold; 1. 属性值 关键字:normal bold 具体数值:100 200 300 400(等同于normal) 500 600 700(等同于bold) 800 900 相对值(相对于父级元素):lighter bolder 有时候看不到粗细变化,是因为所使用的字体不支持。比如“微软雅黑”,只支持 400 和 700 ...
font-weight: 400; } 上述代码将h1标题中的字体设置为粗体,段落中的字体设置为正常(即默认)粗细。 最后,我们还可以设置字体样式(font-style)。字体样式可以使用关键词(如normal、italic)来设置。下面是一段CSS代码示例: </>code h1 { font-style: italic; } p { font-style: normal; } 上述代码将h1标题中...
也就是说,font-family属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。 有两种类型的字体系列名称: 指定的系列名称: 具体字体的名称,比如:"times"、"courier"、"arial"。 通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"...
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。 指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。
1.*font-family:设置字体系列 2.*font-style:设置字体样式 3.*font-weight:字体粗细 4.*font-variant:字体变形 5.*line-height:行高 6.*font-size:字体大小 7.*font:复合属性 8.@font-face是一条规则. 1. font-family 定义:用于设置页面字体外观。
font-family(字体族): “Arial”、“Times New Roman”、“宋体”、“黑体”等; font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜); font-variant(字体变化): normal(正常)或small-caps(小体大写字母); font-weight(字体浓淡): 是normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900...
使用font-family很简单,只需要设定family-name (字体名称)和generic-family (通用字体),font-family可以设定一种字体或多种不同的字体,每种字体间用半形逗号「,」隔开,当浏览器载入网页样式时,会从左边第一个字体开始判断,如果没有对应的字体,就直接采用下一种字体,如果到最后都没有可用的字体,就采用电脑预设字体...
.p1{font:italicbold20px'sans-serif',楷体;}.p2{font:bold14px'Arial',宋体;} 在浏览器中演示效果: 注意,在使用font属性时,font-size和font-family的值是必需的,如果没有设置这两个属性值,则不会生效。 总结 本节学习的几个属性值都是 CSS 中最基本的属性,特别是font-size属性,我们会经常用到。一般浏...
比如在上图中,我设置p标签为:font-family:Arial,'方正舒体';在这里面 Arial 这个字体的优先级是最高的,但是它是一个英文字体,并没有包含中文字体图片;所以这个时候 p 标签中的中文会使用优先级更低的 “方正舒体”,而英文则会使用优先级更高的 Arial 字体。文字行高 line-height 在前面我们已经把文字...