3. CSS字体属性和文本属性

字体属性

属性	表示	注意点
font-size	字号	单位是px像素
font-family	字体	实际工作中按照团队约定来写字体
font-weight	字体粗细	加粗是700或者bold 不加粗是normal或者400 不要跟单位
font-style	字体样式	倾斜式italic 不倾斜是normal
font	字体复合写法	复合写法是有顺序的，其中字号和字体必须同时出现

文本属性

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

3.1 字体属性

3.1.1 字体系列 font-family

• 使用多个字体时，各种字体之间必须使用英文状态下的逗号隔开（使用多个字体主要是为了兼容性，如果用户的浏览器无法兼容第一种字体，就依次读取下一种字体进行显示，如果都不兼容就是用浏览器默认字体）
• 一般情况下，如果有空格隔开的多个单词组成的字体，加引号
• 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
• 最常见的几个字体：body {font-family: ‘Microsoft YaHei’,tahoma,arial,‘Hiragino Sans GB’; }

3.1.2 字体大小 font-size

• px（像素）大小是我们网页的最常用的单位
• 谷歌浏览器默认的文字大小为16px
• 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小
• 可以给body指定整个页面文字的大小

3.1.3 字体粗细 font-weight

normal：默认值
bold：加粗
100-900：400=normal，700=bold，不跟单位
学会让加粗标签（比如h和strong等）不加粗，或者其他标签加粗

3.1.4 字体样式 font-style

normal 默认值 italic 斜体
平时我们很少给文字加斜体，反而要给斜体标签（em，i）改为不倾斜字体

3.1.5 字体复合属性

body {
	font:font-style font-weight font-size/line-height font-family;
}

示例：font: italic 700 16px 'Microsoft yahei';

• 使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开
• 不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用

3.2 文本属性

3.2.1 文本颜色 color

表示	属性值
预定义的颜色值	red,green,blue.pink
十六进制	#FF0000,#FF6600,#29D794
RGB代码	rgb(255,0,0) 或 rgb(100%,0%,0%)

3.2.2 对齐文本 text-align

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

3.2.3 装饰文本 text-decoration

属性值	描述
none	默认。没有装饰线（最常用）
underline	下划线。链接a自带下划线（常用）
overline	上划线（几乎不用）
line-throug	删除线（不常用）

3.2.4 文本缩进 text-indent

p {
	text-indent:2em;
}

em是一个相对单位，就是当前元素（font-size) 1个文字的大小, 如果当前元素没有设置大小，则会按照父元素的1个文字大小。

3.2.5 行间距