03-CSS文字文本样式（font、text等属性）

1. font字体

1.1 font-size：大小

选择器 {  
    font-size:20px; 
}

相对长度单位	说明
em	相对于当前对象内文本的字体尺寸
px	像素

绝对长度单位	说明
in	英寸
cm	厘米
mm	毫米
pt	点

谷歌浏览器默认的文字大小为16px

1.2 font-family：字体

选择器 {
font-family: Arial,"Microsoft Yahei", "微软雅黑";
}

多个字体用逗号隔开，中文加双引号

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

1.3 font-weight：字体粗细

加粗同效的有<b>和<strong>标签

属性值	描述
normal	默认值（不加粗的）
bold	定义粗体（加粗的）
100~900	400 等同于 normal，而 700 等同于 bold（常用）

1.4 font-style：字体风格

倾斜同效的有<i>和<em>标签

属性	作用
normal	默认值，不倾斜
italic	斜体

1.5 font：综合设置字体样式

选择器 { 
	font: font-style  font-weight  font-size/line-height  font-family;
}

有顺序可省略，但必须保留font-size和font-family属性，否则font属性将不起作用。

1.6 font总结

属性	表示	注意点
font-size	字号	我们通常用的单位是px 像素，一定要跟上单位
font-family	字体	实际工作中按照团队约定来写字体
font-weight	字体粗细	记住加粗是 700 或者 bold；不加粗 是 normal 或者 400；记住数字不要跟单位
font-style	字体样式	记住倾斜是 italic； 不倾斜 是 normal ，工作中我们最常用 normal
font	字体连写	1. 字体连写是有顺序的 不能随意换位置 2. 其中字号 和 字体 必须同时出现

2. CSS外观样式

2.1 color：文本颜色

表示方式	属性值
预定义的颜色值	red，green，blue等
十六进制	#000（黑），#fff（白），#ccc（灰）
RGB代码	rgb(255,0,0)或rgb(100%,0%,0%)

2.2 text-align：文本水平对齐方式

属性值	解释
left	左对齐（默认值）
right	右对齐
center	居中对齐

2.3 line-height：行间距

line-height常用的属性值单位：px、em、%。
一般情况下，行距比字号大7.8像素左右就可以了。

2.4 text-indent：首行缩进

1em = 1个字的宽度

2.5 text-decoration：文本的装饰

值	描述
none	默认，无装饰
underline	下划线
overline	上划线
line-through	删除线

2.6 CSS外观属性总结

属性	表示	注意点
color	颜色	我们通常用 十六进制 比如 而且是简写形式 #fff
line-height	行高	控制行与行之间的距离
text-align	水平对齐	可以设定文字水平的对齐方式
text-indent	首行缩进	通常我们用于段落首行缩进2个字的距离 text-indent: 2em;
text-decoration	文本修饰	记住 添加 下划线 underline 取消下划线 none