CSS（二）----CSS字体样式属性（font- ）
CSS字体样式属性
目录
1.font字体
1.1 font-size :字体大小
语法使用：比如：font-size:20px;
单位选择：em(相当于当前对 象内文本的字体尺寸)、px(像素，比较常用).....
- 谷歌浏览器默认字体大小是16px
1.2 font-family: 字体
语法使用：例：font-family:"微软雅黑";
- font-family: Arial,"Microsoft Yahei", "微软雅黑"; 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体， 如果都没有，则以我们电脑默认的字体为准
- font-family:”\5B8B\4F53”;
|
字体名称 |
英文名称 |
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 |
1.3 font-weight : 字体粗细
- 使用 b 和 strong 标签是文本加粗。
- 语法使用： font-weight:400; （不用跟单位）
- font-weight 属性值如下:
|
属性值 |
描述 |
|
normal |
默认值（不加粗的） |
|
bold |
定义粗体（加粗的） |
|
100~900 |
400 等同于 normal，而 700 等同于 bold |
1.4 font-style :字体风格
- 字体倾斜除了用 i 和 em 标签
- 语法使用：font-weight: normal ;
|
属性 |
作用 |
|
normal |
默认值，浏览器会显示标准的字体样式 font-style: normal; |
|
italic |
浏览器会显示斜体的字体样式。 |
可以设置<i>df<i> i {font-style:normal;}
1.5 font:综合设置字体样式
语法设置：选择器 { font: font-style font-weight font-size/line-height font-family;}
注意：
- 使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以**空格**隔开。
- 其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。
2. 总结：
|
属性 |
表示 |
注意点 |
|
font-size |
字号 |
我们通常用的单位是px 像素，一定要跟上单位 |
|
font-family |
字体 |
实际工作中按照团队约定来写字体 |
|
font-weight |
字体粗细 |
记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位 |
|
font-style |
字体样式 |
记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normal |
|
font |
字体连写 |
1. 字体连写是有顺序的 不能随意换位置 2. 其中字号 和 字体 必须同时出现 |