1 字体属性
font-family :"Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; (所有字体)
font-style:normal;italic;oblique
font-variant:normal;small-caps
font-weight:normal;bold;bolder;lithter
font-size:absolute-size relative-size 长度值和百分数
2 颜色和背景属性
color:red；yellow (颜色)定义前景色
background-color:yellow(颜色)定义背景色
background-image:url(.../*.jpg)图片路径
background-repeat:repeat-x;repeat-y;no-repeat
background-attachment:scroll;fixed设置滚动
background-position:top;left;right;bottom;长度和百分数
3 文本属性
word-spacing:normal;长度（定义了各单词之间的间距）
letter-spacing:同上
text-decoration:none;underline;overline;line-through;bink定义字体的装饰
vertical-align:baseline;sub;super;top;text-top;middle;bottom;text-bottom定义元素在垂直方向上的位置
text-transform:capitalize;uppercase;lowercase;none使文本转换为其他形式
text-align:left;right;center;justify(文字分散对齐)定义了文字的对齐方式
text-indent:长度和百分数
line-height:normal;数字和长度和百分数
4 边距属性
margin-top:长度和百分数和auto 设置顶端边距
margin-right
margin-bottom
margin-left
5 填充距属性
padding-top:长度和百分数 设置顶端填充距
padding-right
padding-bottom
padding-left
6 边框属性
border-top-width:thin;medium;thick;长度 设置顶端边框宽度
border-right-width
border-bottom-width
border-left-width
border-width 一次性定义边距的宽度
border-color:颜色
border-style:none;dotted;dash;solid;double;groove;ridge;inset;outsetsolid /*实线框*/
· dotted /*虚线框*/
· double /*双线框*/
· groove /*立体内凸框*/
· ridge /*立体浮凸框*/
· inset /*凹框*/
· outset /*凸框*/
border-rop:border-top-width|border-style|color一次性定义顶端的各种属性
border-right
border-bottom
border-left
7 图文混排
width:长度和百分数auto 定义宽度属性
height:长度;auto
float:left;right;none使文字环绕在一个元素的四周
clear:left;right;none;both定义某一边是否有环绕文字
8 分级属性
display:block;inline;list-item;none定义是否显示
white-space:normal;pre;nowrap决定怎样处理空白部分
list-style-type:disc;circle;square;decimal;lower-roman;upper-roman;lower-alpha;upper-alpha;none
list-style-image:url(.../*.jpg);none在列表项前加图案
list-style-position:inside;outside决定列表项中第二行的起始位置
list-style:keyword|position|url一次性定义前面的列表属性
· list-style-type:none; /*不编号*/
· list-style-type:decimal; /*阿拉伯数字*/
· list-style-type:lower-roman; /*小写罗马数字*/
· list-style-type:upper-roman; /*大写罗马数字*/
· list-style-type:lower-alpha; /*小写英文字母*/
· list-style-type:upper-alpha; /*大写英文字母*/
· list-style-type:disc; /*实心圆形符号*/
· list-style-type:circle; /*空心圆形符号*/
· list-style-type:square; /*实心方形符号*/
· list-style-image:url(dot.gif); /*图片式符号*/
· list-style-position:outside; /*凸排*/
· list-style-position:inside; /*缩排*/
9 鼠标属性
cursor:
auto自动，按照默认状态自行改变
crosshair精确定位“十”字
default默认指针
hand手形
move移动
e-resize箭头朝右方
ne-resize箭头朝右上方
nw-resize箭头朝左上方
n-resize箭头朝上方
se-resize箭头朝右下方
sw-resize箭头朝左下方
s-resize箭头朝下方
w-resiz箭头朝左方
text文本形
wait等待
help帮助
使用图案鼠标光标例如:
body {cursor:url("mything.cur"),url("mything.cur"),text;}
当无法处理光标名单的第一个光标,则会以第二个光标代替
若无法处理任何定义的光标,最后便以一般光标text显示 (图案鼠标光标写法是W3C发布的标准)
9 css定位
position:absolute;relative;static定义位置
left.top:长度和百分数auto指定横向，纵向坐标位置
width.height:指定占用空间的大小
clip:shape|auto剪切
overflow:visible;hidden;scroll;auto内容超出时的处理办法
例子：CSS中的textOverflow属性可以将过多的文字用省略号进行表示，语法如下：
<SPAN style="width:100px;overflow:hidden;text-overflow:ellipsis;">
<NOBR>text to display</NOBR>
</SPAN>
其中overflow必须设置为hidden
z-index:auto;integer产生立体效果
visibility:inherit;visible;hidden定义可见性
10 css滤镜
（1）alpha是来设置透明度的。先来看一下它的表达格式：
filter：alpha（opacity=opcity，finishopacity=finishopacity，
style=style，startX=startX，startY=startY，finishX=finishX，
finishY=finishY）
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。
Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
blur是来设置模糊的。先来看一下它的表达格式：
（2）filter：blur（add=add，direction，strength=strength）
我们看到blur属性有三个参数：add、direction、strength。
Add参数有两个参数值：true和false。意思是指定图片是否被改变成模糊效果。 Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上，每45度一个单位，默认值是向左的270度。Strength参数值只能使用整数来指定，它代表有多少像素的宽度将受到模糊影响。默。认值是5像素
（3）Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下：
Filter：Chroma（color=color）
（4）Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，Positive=positive）
该属性一共有四个参数： Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。Positive参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。
（5）Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是：
Filter：FlipH
Filter：FlipV
（6）Filter：Glow（Color=color，Strength=strength）
Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。
（7）Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。
它的表达式也很简单：
Filter：Invert
（8）Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单：
Filter：Mask（Color=颜色）
（9）Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的：
Filter：Shadow（Color=color，Direction=direction）
在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参数用来指定投影的方向
（10）Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效，
Phase=偏移量，Strength=强度）
我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值：True代表把对象按照波纹样式打乱；False代表不打乱；
Freq参数指生成波纹的频率，也就是指定在对象上共需要产生多少个完整的波纹。 LightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。 Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0，它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25，代表正弦波从90度（360*25%）的方向开始。
（11）Xray就是X射线的意思。
Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单：
Filter：Xray