标签：字体 颜色 style 背景图像 top text position let weight
1.基本样式：
————宽
属性：width
属性值：长度值
————高
属性：height
属性值：长度值
————块级元素与行内元素之间的转换
属性： display
属性值：block 转换为块级元素
inline 转换为行内元素
inline-block 转换成行内块元素
linline-block可以设置宽高，但是不会换行
2.背景属性：
CSS可以用纯色调作为背景，也可以用图片作为背景
————背景色
属性：backgroud-color
属性值： 颜色
————背景图像
属性：backgroud-image
属性值： 图片地址
————背景平铺
属性：background-repeat
属性值:repeat x,y轴平铺（默认）
repeat-x x轴平铺
repeat-y y轴平铺
no-repeat 不平铺（图片不改变大小）
body{background-image:url("pic1.jpg");
background-repeat:no-repeat;}
————背景定位
属性：bcckgroud-position
属性值：center right left top bottom
40% 50%
50px 60px
————背景关联
属性：background-anttachiment
属性值：scroll （背景随文档滚动，页面下滑时，图片有影响）
fixed （图像相对于可视区域固定，不受滚动影响【小广告】）
————背景尺寸
属性：background-size
属性值：长度值 百分比
cover （背景按比例扩大，使图像完全覆盖背景边框，多出去的部分剪掉）
contain （背景按比例扩大，只要有任一边覆盖父级，扩大停止）
————规定背景定位
属性：background-origin
属性值:padding-box (背景图像相对于边框内边线定位)
border-box （背景图像相对于边框外边线定位）
content-box （背景图像相对于内容开始）
————背景绘制区域
属性：backgroud-clip
属性值：border-box （图片超出边框线被减）
padding-box （背景超内边框被减）
content-box （背景超出内容框被减）
三.
————字体属性
font-family(字体族)：“宋体”，“黑体”，“arial”
font-style（字体样式）：normal（常规），italic（斜体）
oblique（倾斜）
font-variant（字体变化）：normal（常规），small-caps
（把小写字母转换成小型大写字母）
font-weight（字体加粗）：normal（常规），bold（加粗）
font-size（字体大小）：20px（写偶数）
简写：p{
font:italic small-caps bold 12px/1.5em arial,verdana;
} 简写情况下font-size和 font-family必须有
四。文本属性
————1.属性：color
————2.缩进文本
属性：text-indent
属性值：正数 负数 百分比 2em（常用，文本开始空格2个）
缩进文本只对块级元素有用
————3.水平对齐
属性：text-align
属性值：left center right
————4.垂直对齐
属性：vertical-align
属性值：baseline <!-- 基线对齐（默认） -->
top （顶部对齐）
middle （居中对齐）
bottom （底部对齐）
长度值
针对行内元素。即一行字的大小不一的上下移动对齐
————5.词间隔
属性：word-spacing
属性值：正长度值
负长度值
————6.字间距
属性：letter-spacing
属性值：正长度值
负长度值
————7.字符转换
属性：text-transform
属性值： none <!-- 无改动（默认） -->
uppercase <!-- 转换成大写 -->
lowercase <!-- 转换成小写 -->
capitalize <!-- 首字母大写 -->
————8.文本装饰
属 性：text-decoration
属性值： none <!-- 无装饰 -->
underline <!-- 下划线 -->
overline <!-- 上划线 -->
line-through <!-- 贯穿线 -->
————9.文本换行
属 性：word-wrap
属性值：normal <!-- 不自动换行（默认） -->
break-word <!-- 自动换行 -->
————10.行高
属 性：line-height
属性值：长度值
————11.文本阴影
属性：text-shadow
属性值： x轴 y轴 opacity（模糊值） color（颜色）
{text-shadow：10px 10px 1px red}
六.边框
————边框样式(table标签)
属 性：border-style
属性值： none <!-- 无边框 -->边框属性
dotted <!-- 点线 -->
solid <!-- 实线 -->
double <!-- 双线 -->
dashed <!-- 虚线 -->
说明：border-style 可以同时设置一、二、三、四个值。不同数量的值表现形式也不一样。
四个值：
border-style:dotted solid double dashed;
上边框是点线
右边框是实线
下边框是双线
左边框是虚线
说明：border-style 可以同时设置一、二、三、四个值。不同数量的值表现形式也不一样。
三个值：
border-style:dotted solid double;
上边框是点线
右边框和左边框是实线
下边框是双线
两个值：
border-style:dotted solid;
上边框和下边框是点线
右边框和左边框是实线
————边框宽度
属 性：border-width
属性值： thin <!-- 细边框 -->
medium <!-- 中等边框（默认） -->
thick <!-- 粗边框 -->
长度值 <!-- 自定义宽度 -->
————边框颜色
属 性：border-color
属性值：各种类型的颜色值
说明：同样也可以设置一到四个值，表现方式与 border-style 顺序一样。
————单方向边框
除了可以设置四个方向不同的边框样式外，也可以单独给某一个方向设置边框。
属 性：border-top <!-- 上边框 -->
border-right <!-- 右边框 -->
border-bottom <!-- 下边框 -->
border-left <!-- 左边框 -->
属性值：width style color（三个值的顺序可以打乱）
七：
————轮廓属性
属 性：outline
说明：属性跟用法都跟边框 border 大致一样。但不能分四个方式设置不同的样式。（注意outline是属性，属性值与border一样）
注意：
border 和 outline 的区别：
border 在页面中会占据空间，而 outline 在页面中虽然可以设置宽度，但是不会占据页面空间。
————边框CSS合并
table, th, td {
border: 1px solid blue;
}
————折叠边框
属 性：border-collapse
属性值：collapse
说明：该属性定义在 table 标签上，将表格边框设置为单线边框。（还是在CSS中写，选择器为父级table，而不是<tr>,<td>)
标签：字体 颜色 style 背景图像 top text position let weight
原文地址：http://www.cnblogs.com/-dooge2/p/6720222.html
