css字体样式属性
font-size ：字号大小
该属性的值既能用相对长度单位，也能用绝对长度单位，但一般采用相对长度单位，具体如下：
| 相对长度单位 | 说明 |
|---|---|
| em | 相对于当前文本的字体尺寸 |
| px | 像素（常用） |
关于相对长度单位em的解释及使用：
如果没有重新定义字体的大小，那吗游览器的默认字体大小就是16px,此时1em=16px
<style>
div{
font-size="16px"
width=5em /*5em=16px*5=80px*/
}
</style>
| 绝对长度单位 | 说明 |
|---|---|
| in | 英寸 |
| cm | 厘米 |
| mm | 毫米 |
| pt1 | 点 |
font-family:字体
font-family属性用于设置字体，其格式如下：
p{font-family:“微软雅黑”}
可以使用多个字体，中间用英文逗号隔开。
使用字体和字号的常用技巧：
- 网页现在普遍使用14px+
- 尽量使用偶数字号，在ie一些老式游览器上使用奇数会出现bug
- 使用多个字体之间必须用英文的","隔开
- 中文字体需要加英文状态下的引号，英文字体不需要；当设置字体时，英文字体必须在中文字体之前
- 当字体中包含#、空格、$等特殊符号，则该字体必须加英文状态下的单引号或双引号
- 尽量使用系统默认字体，保证在任何用户的游览器中都能正常显示
css unicode字体
| 字体名称 | 英文名称 | Unicode编码 |
|---|---|---|
| 宋体(常用） | SimSun | \5B8B\4F53 |
| 新宋体 | NSimSun | \65B0\5B8B\4F53 |
| 黑体 | SimHei | \9ED1\4F53 |
| 微软雅黑（常用） | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
| 楷体_GB2312 | KaiTI_GB2312 | \6977\4F53_GB2312 |
| 隶书 | LiSu | \96B6\4E66 |
| 幼圆 | YouYuan | \5E7C\5706 |
| 华文细黑 | STXiHei | \534E\6587\7EC6\9ED1 |
| 细明体 | MingLiU | \7EC6\660E\4F53 |
| 新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
font-weight:字体粗细
字体加粗除了用<strong></strong>，也可以用css来实现，但css是没有语义的。
font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100-900（100的倍数）
| 属性值 | 含义 |
|---|---|
| normal | 正常字体大小，相当于数字400 |
| bold | 字体加粗显示，相当于数字700 |
| bolder | 是相较于父元素字体，比父元素粗 |
| lighter | 是相较于父元素字体，比父元素细 |
font-style:字体风格
用来设置字体倾斜或者不倾斜
| 属性值 | 含义 |
|---|---|
| normal | 游览器显示标准的字体样式 |
| italic | 游览器显示倾斜的字体样式 |
| oblique | 游览器显示倾斜的字体样式 |
常见的我们不把字体改成倾斜的，而是把斜体标签（em,i）改为标准样式
font:综合设置字体样式（字体连写）
连写的语法格式：
选择器{font:font-style font-weight font-size/line-height font-family}
需要注意的点：
- 使用font属性时，必须按照字体的style(风格）、weight(粗细)、size(大小)、family(字体)的顺序来书写，属性之间用空格符号隔开
- 不需要的属性值可以省略（取默认值），但size和family必须保留，否则font属性将无法生效
先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；而pt就是point，英文音译为“磅因”，中文读作“点”，是排版印刷中常用的文字大小单位。
1点=0.376毫米=1.07英美点=0.0148英尺=0.1776英寸。 ↩︎
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
