一、背景样式

1.background-size

background-size:100%; //背景图大小

2.background-origin

1)border-box //边框区域

2)padding-box //内边距区域

3)content-box //有效区域

二、文本样式

1.text-shadow: 5px 5px 5px #fcf;

（规定水平阴影为5px, 垂直阴影5px, 模糊距离5px, 阴影颜色fcf）下面是个例子：

[code]<html><head><meta charset=\"UTF-8\" /><title></title><style>*{font-family: 微软雅黑;}p{text-shadow:  3px 3px 3px #00f;}</style></head><body><div><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p><p>平安顺遂平安顺遂平安顺遂平安顺遂</p></div></body></html>

2.word-wrap //折行，现在一般用word-break

三、字体样式

[code]@font-face{font-family: 字体名;src: url(\'字体名.后缀\')}

以上格式可以自定义字体

1.2D样式：

transform: +…

1)translate() //元素从其当前位置移动，根据给定的left(X坐标)和top(y坐标)位置参数；

例：translate(50px,100px)把元素从左侧移动50像素，从顶端移动100像素

2)rotate() //改变内容的度数

例：rotate(70deg)把元素顺时针旋转70°

3)scale() //在x（宽度）,y（高度）轴上的放大比例

[code]<html><head><meta charset=\"UTF-8\" /><title></title><style>*{font-family: 微软雅黑;}div{width: 50px;height: 50px;background: yellowgreen;border: 1px solid black;}div#div2{margin: 100px;background: yellowgreen;transform: scale(2, 4);-webkit-transform: scale(2, 4);}</style></head><body><div>平安顺遂平安顺遂平安顺遂平安顺遂</div><div id=\"div2\">平安顺遂平安顺遂平安顺遂平安顺遂</div></body></html>