<span>CSS中常见样式</span>

CSS中的文本控制

color: 设置文本颜***r> direction: 设置文本方向（默认情况下是从左到右即ltr,当是rtl时文本为从左到右）
line-height: 设置行高（eg:p{line-height:40px;}）
litter-spacing: 设置字符间距
word-spacing 设置字间距
text-indent: 缩进首行文本eg:p{line-indentt:2em;}首行缩进两字符）
text-decoration: 向文本添加修饰
text-align: 对齐元素中的文本
text-transform: 控制元素中的字母

css中的字体控制

font-family: 属性定义文本的字体序列（通用序列：Serif，Sans-serif，Monaspace，Cursive，Fantasy）
font-style: 属性规定斜体文本（normal，italic，oblique）
font-weight: 属性用来设置文本粗细的(normal，italic，oblique)
font-size: 属性用来设置文本大小(px\em%)(1em=16px)

css中的背景控制

background-color: 属性设置元素的背景颜色（值：color_name\hex_name\rgb_name）
background-image: 属性为元素设置背景图像
background-repeat: 属性设置是否或如何重复背景图像（repeat\repeat-x\repeat-y\no-repeat）
background-position: 属性设置背景图像的起始位置(top,buttom,left,right,center%\px)

css中的列表属性

list-style-type: 属性设置列表项标记的类型(disc/none/circle/square/decimal/......)
list-style-image: 属性使用图像来替换列表项的标记
list-style-position: 属性设置在何处放置列表项标记(默认将列表项目设置在文本以外，即outside)
list-style: 复合写法

css中的链接样式

eg:

a{font-size:30px; text-decoration:none;}

css中的表格控制

border-style: 属性用于设置元素边框的样式(dotted solid double dashed /...)
border-collapse: 属性设置是否将表格边框折叠为单一边框(separate/ collapse)
border-spacing: 属性设置相邻单元格的边框的距离(length)
caption-side: 属性设置表格标题的位置
表格中的文本对齐方式：
text-align: 属性设置水平对齐方式(left/center/right)
vertical-align: 属性设置垂直对齐方式（top/center/bottom）
eg:

table{width:400px; height:400px; border-style:dotted solid;}

css中的伪元素

:before 该伪元素定义在元素之前添加内容
:after 该伪元素定义在元素之后添加内容
:first-line 该伪元素向文本的首行添加特殊样式
:first-letter 该伪元素向文本的第一个字母添加特殊样式
eg:

h1:before{content:url(image/keduoli.jpg)}
content配合before和after使用