CSS基础知识：字体属性、文本属性和背景属性

1. 字体属性

font-size(字体大小)	18px，2em
font-family（字体类型）	宋体、“Arial”
font-weight（字体粗细）	normal(正常)，italic（斜体）, oblique
font-style（字体样式）	normal，bold或bolder或数值

1.1字体大小(font-size)

​ CSS 使用 font-size属性定义字体大小。

1、px（像素）大小是我们网页的最常用的单位。

1. 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小。

1.2字体类型(font-family)

​ CSS 使用 font-family 属性定义文本的字体类型

1、各种字体之间必须使用英文状态下的逗号隔开。

2、中文字体格式可以不加引号（单引号和双引号）英文字体中间有空格就必须添加引号）。

3、尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示。

1.3字体粗细(font-weight)

​ CSS 使用 font-weight 属性设置文本字体的粗细。

实际开发时，提倡用数字表示粗细，注意数字后面不加单位。

1.4文字样式(font-style)

​ CSS 使用 font-style 属性设置文本的风格。

2、文本属性

文本属性用于改变文本的颜色、对齐方式、文本装饰以及文本缩进问题

line-height（行高）	计量单位为px
text-decoration（文本装饰）	underline（下划线）、line-through(删除线)、overline(上划线)、none（无样式）
text-align(文本对齐)	left(左对齐)、right（右对齐）、center（居中）
text-indent（文本缩进）	指定文本的首行的缩进
letter-spacing	设置字与字之间的距离

2.1行间距(line-height)

line-height 属性用于设置行间的距离（行高）。可以控制文字行与行之间的距离.

2.2文本装饰(text-decoration )

text-decoration 属性规定添加到文本的修饰。可以给文本添加下划线、删除线、上划线等

2.3文本对齐(text-align)

text-align 属性用于设置元素内文本内容的水平对齐方式。

2.4文本缩进(text-indent)

text-indent 属性用来指定文本首行的缩进

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

3、背景属性

background-color（背景颜色）	颜色值|RGB|RGBA|十六进制
background-image（背景图片）	url（图片地址）
background-repeat（背景重复）	no-repeat|repeat|repeat-x|repeat-y
backgroub-position(背景位置)	关于水平和垂直方向的定位

3.1背景颜色(background-color)

​ 定义了元素的背景颜色，默认值是 transparent（透明）

3.2背景图片(background-image)

​ background-image 属性描述了元素的背景图像，开发中常用于一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置。

3.3背景平铺(background-repeat)

3.4背景图片位置(background-position)

​ 利用 background-position 属性可以改变图片在背景中的位置。

参数代表的意思是：x 坐标和 y 坐标。