CSS | 背景、文本、字体、列表属性

css（层叠样式表：Cascading Style Sheets），被用来修饰HTML网页。本文是对css背景（background）样式、文本（Text）样式以及字体（Font）样式的常用属性的一个汇总。

1、背景（background）

属性	描述
background	简写属性，将多个背景属性一起声明。
background-color	设置背景颜色。比如：background-color:red;
background-image	设置背景图片。 比如：background-image:url('image.png');
background-repeat	设置背景图片的是否重复以及如何重复。 repeat，默认值、背景图片沿水平和垂直方向重复 no-repeat，设置图像不平铺 repeat-x，只在水平方向平铺 repeat-y，只在垂直方向平铺 inherit，从父元素继承background-repeat的值
background-position	设置背景图片的起始位置。 1、x% y%，第一个值是水平位置，第二个值是垂直位置。 2、top(上)、bottom(下)、center（中）、left(左)、right(右)。指定一个值作为属性值，另一个值会自动默认为center。指定两个值作为属性值是，top和bottom不能一起出现，left和right不能一起出现。 3、xpos，ypos。第一个值是水平位置，第二个值是垂直位置。
background-attachment	设置背景图片固定还是随页面滚动。 scroll，默认值、图片随页面其余部分滚动 fixed，设置背景图像固定 inherit，从父元素继承 local，背景图片随滚动元素滚动

 2、 文本（Text）

通过css的Text属性，你可以修改页面中文本的颜色、字符间距、对齐方式、文本装饰、缩进等等

属性	描述
color	设置文本颜色
text-align	设置文本水平对齐方式 left，文本排列到左边，默认值，由浏览器决定 right，文本排列到右边 center，文本排列到中间 justify，文本两端对齐 inherit，从父元素继承值
text-decoration	向文本增加修饰 none，默认值 underline，定义文本下的一条线 overline，定义文本上的一条线 line-through，定义穿过文本的一条线 blink，定义闪烁文本 inherit，从父元素继承值
text-indent	缩进文本的首行
text-shadow（css3）	设置文本阴影 语法：text-shadow : h-shadow  v-shadow  blur  color； h-shadow，必需。水平阴影的位置，允许负值 v-shadow，必需。垂直阴影的位置，允许负值 blur，可选。模糊的距离 color，可选。阴影的颜色
text-transform	控制元素中的字母 none，默认值 capitalize，文本中每个单词以大写字母开头 uppercase，字母全部变成大写 lowercase，字母全部变成小写 inherit，从父元素继承值
line-height	行高
vertical-align	设置元素的垂直对齐 baseline，默认值，元素放在父元素的基线上 sub，垂直对齐文本的下标 super，垂直对齐文本的上标 top，对齐父元素顶端 middle，对齐父元素中部 bottom，对齐父元素底端
direction	设置文本方向 ltr，默认，文本方向从左到右 rtl，文本方向从右到左

3、字体（Font）

css字体属性，可以定义字体、加粗、字体大小、文字样式

属性	描述
font	复合属性，在一个声明里设置所有字体属性
font-family	指定字体系列
font-size	指定字体大小
font-style	指定字体样式 normal，默认值，显示一个正常的字体样式 italic，斜体字体式  oblique，倾斜的字体样式
font-variant	以小型大写字体或者正常字体显示文本
font-weight	指定字体粗细 normal，默认值，标准的字体粗细 bold，粗体字符 400px等同于normal，700px等同于bold

4、列表样式

属性	描述
list-style	简写属性，用于把所有列表属性设置到一个声明里
list-style-image	将图像设置为列表项标志
list-style-position	设置列表项标志的位置
list-style-type	设置列表项标志的类型