css中设置字体大小的属性

html-css021

css中设置字体大小的属性,第1张

css中一般是用font-size来设置字体大小。

示例：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>css字号设置</title>

<style>

div{font-size:16px}

p{font-size:18px}

h2{font-size:20px}

</style>

</head>

<body>

<div>16号字体<div>

<p>18号字体</p>

<h2>20号字体(h2自带字体属性)</h2>

</body>

</html>

可以使用font属性来设置字体，它的参数比较多,可以参考其schema约束来写。

常用的格式是 font: font-style font-weight font-size/line-height  "font-family","font-family"

含义：font: 字体样式 加粗大小 字号/行高 "字体名称1","字体名称2"

如：

/*font:  15px/25px "microsoft Yahei","SimSun"*/   /* 部分属性可采用默认 */

font: oblique 500 15px/25px "microsoft Yahei","SimSun"

就代表 字体是倾斜、加粗值500、字号15/行高25 ，首选字体microsoft yahei(微软雅黑),如果用户电脑没有该字体，则使用SimSun(宋体)；

----------------------------------------------------------

如果只是单纯的设置字体，可以使用font-family,如：

font-family: "microsoft yahei","SimSun"

修改文字大小的样式是font-size，后面写上你想要文字大小的数值，单位一般是px，例如20px这样。

举个例子:

<span style="font-size: 20px">字体大小</span>

以上为行内式的写法。