02 css属性

1. 字体属性Fonts

用于定义字体系列、大小、粗细、和文字样式（如斜体）

字体系列

font-family
各字体之间用,隔开
写多个字体,兼容性会好一些

 body {
  /* font-family: '微软雅黑'; 中文名, 下面的是英文名,一样的效果,常用英文名*/
  /* font-family: 'Microsoft YaHei'; */
  font-family: 'Microsoft YaHei' Arial, Helvetica, sans-serif;
}

字体大小

font-size

• 不同浏览器可能默认显示的字号大小不一致, 我们尽量给一个名确值大小, 不要默认大小

字体粗细

font-weight

• font-weight : normal | bold | bolder | lighter | number
• number (推荐)
• font-weight默认值normal = 400

字体样式

font-style
font-style : normal | italic | oblique

• 常用normal, 让倾斜的字体变不倾斜
• italic, 倾斜 不常用

复合属性

font: font-style font-weight font-size/link-height font-family;

• 顺序不能乱
• 字号和字体必须同时出现
  例如:

 /* font-size 和font-family不能省略 */
 font: italic 700 20px/30px 'Microsoft yahei';

文本属性Text

Text(文本)属性可定义文本的外观, 比如文本的颜色, 对齐文本, 装饰文本, 文本缩进, 行间距等

文本颜色

color
rgb: red green blue

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

对其文本

text-align
left center right
用于设置元素内文本内容的水平对齐方式, 只能是水平!

装饰文本

text-decoration
可以给文本添加下划线\删除线\上划线等

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

文本缩进

text-indent

• 用来指定文本第一行的缩进,通常是将段落的首行缩进
• 单位用em
  例如: text-indent: 2em; 表示缩进当前元素2个文字大小的距离

行间距

line-height

• 用于设置行间的距离(行高). 可以控制文字行与行之间的距离.
  行间距:
  上间距和下间距长度一致