CSS常用属性大全

css 常用属性CSS 文字属性:color : #999999; /* 文字颜色 */font-family : 宋体，sans-serif; /*文字字体 */ fon t-varia nt:small-ca ps; /* letter-spacing : 1pt; /*text-alig n:left; /*文字左对齐*/text-alig n:cen ter; /*文字居中对齐*/text-alig n:justify; /*文字分散对齐*/vertical-alig n 属性fon t-size : 9pt; /* 文字大小*/fon t-style:itelic; /* 文字斜体*/lin e-height : 200%; /* 设置行高*/ fon t-weight:bold; /* 文字粗体*/ vertical-alig n: sub; /* 下标字*/vertical-alig n:super; /* 上标字*/ text-decorati on :li ne-through; /* 加删除线*/text-decorati on: overli ne; /* 加顶线*/ text-decorati on:un derl ine; /* 加下划线*/ text-decorati on:none; /* 删除链接下划线*/ text-tra nsform : cap italize; /* 首字大写*/ text-tra nsform : upp ercase; /* 英文大写*/ text-tra nsform : lowercase; /*英文小写*/ text-alig n:r ight; /*文字右对齐 */小字体*/ 字间距离*/vertical-alig n: bottom; /* vertical-alig n:middle; /* vertical-alig n:text-t op; /*文字垂直向上对齐*/ vertical-alig n:text-bottom; /* 二、CSS 边框空白P addi ng-t op :10 px; /*p addi ng-bottom:10 p 兀 /*三、CSS 符号属性list-style-t ype:none; /* list-style-t yp e:decimal; /*P addi ng-nght:10 px; /* 右边框留空白*/paddi ng-left:10 px; /*左边框留空白 list-style-t yp e:lower-roma n; /* 小写罗马数字 */list-style-t ype:upp er-roma n; /* 大写罗马数字 */list-style-t yp e:lower-al pha; /* 小写英文字母 */list-style-t ype:upper-alp ha; /* 大写英文字母 */list-style-t yp e:disc; /* 实心圆形符号*/list-style-t yp e:circle; /* 空心圆形符号*/list-style-t yp e:square; /* 实心方形符号*/list-style-image:url(/dot.gif); /* 图片式符号*/list-style-po siti on: outside; /* 凸排*/list-style-po siti on:i nside; /* 缩进*/ 四、CSS 背景样式backgrou nd-color:#F5E2EC; /* 背景颜色*/垂直向下对齐*/垂直居中对齐*/文字垂直向下对齐*/上边框留空白*/下边框留空白*/不编号*/阿拉伯数字*/backgro un d-image : url(/image/bg.gif); /* 背景图片*/ backgro un d-attachme nt : fixed; /* 浮水印固定背景*/ backgro un d-re peat : rep eat; /* 重复排列-网页默认*/ backgro un d-re peat : no-rep eat; /* 不重复排列*/backgro un d-re peat : rep eat-x; /* 在x轴重复排列*/ backgro un d-re peat : rep eat-y; /* 在y轴重复排列*/指定背景位置backgrou nd-po sition : 90% 90%; /* 背景图片x与y轴的位置*/ backgro und-po siti on : top; /* 向上对齐*/backgro und-po siti on : buttom; /* 向下对齐*/backgro und-po siti on : left; /* 向左对齐*/backgro und-po siti on : right; /* 向右对齐*/backgro und-po siti on : cen ter; /* 居中对齐*/五、CSS连接属性a /*所有超链接*/a:link /* 超链接文字格式*/a:visited /* 浏览过的链接文字格式*/a:active /* 按下链接的格式*/a:hover /* 鼠标转到链接*/鼠标光标样式: 链接手指CURSOR: hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:he Ip箭头朝左cursor:w-resize箭头朝上cursor: n-resize箭头朝右上cursor:ne-resize箭头朝左上cursor:nw-resize文字I 型cursor:text箭头斜右下cursor:se-resize箭头斜左下cursor:sw-resize漏斗cursor:wait光标图案（IE6）P {cursor:url( "光标文件名.cur ”）,text;} 六、CSS框线一览表border-top : 1px solid #6699cc; /* 上框线*/border-bottom : 1px solid #6699cc; /* 下框线*/border-left : 1px solid #6699cc; /* 左框线*/border-right : 1px solid #6699cc; /* 右框线*/以上是建议书写方式，但也可以使用常规的方式如下:border-t op-color : #369 /* 设置上框线top颜色*/border-t op-width :1px /* 设置上框线top宽度*/border-t op-style : solid/* 设置上框线top样式*/其他框线样式solid /* 实线框*/dotted /* 虚线框*/double /* 双线框*/groove /* 立体内凸框*/ridge /* 立体浮雕框*/in set /* 凹框 */ outset /* 凸框 */七、CSS 表单运用文字方块按钮复选框选择钮多行文字方块下拉式菜单 选项1选项2八、CSS 边界样式九、CSS 滤镜属性Filter :在样式中加上滤镜特效。

由于此属性内容比较多，我们将到下一章单独对滤镜介绍。

1.AIpha :设置透明度Alp ha(O pacity=?, FinishOp acity=?, Style=?, StartX=?, StartY=?, Fi nishX=?, Finis hY=?)Opacity :透明度级别，范围是 0-100, 0代表完全透明，100代表完全不透明。

FinishOpac ity :设置渐变的透明效果时，用来指定结束时的透明度，范围也是 置渐变透明的样式，值为 0代表统一形状、1代表线形、2代表放射状、3代表长方形。

Stamarg in-top :10 px; /* 上边界*/margin-nght:10 px; /* 右边界值*/margi n-bottom:10 px; /* 下边界值*/margi n-left:10 px; /*左边界值*/ 0 到 100。

Style :设rtX 和StartY :代表渐变透明效果的开始 X 和丫坐标。

FinishX 和FinishY :代表渐变透明 效果结束X 和丫的坐标。

2.BlendTrans :图像之间的淡入和淡出的效果图片序列，才能做出图片间效果。

3.Blru :建立模糊效果量，整数。

Positive :是一个布尔值，值为 true （非0）时，表示为建立外阴影；为 fals e （0），表示为建立内阴影。

6.FlipH :将元素水平反转7.FlipV :将元素垂直反转8.GI0W :建立外发光效效果Glow(Color=?, Stre ngth=?)Color :是指定发光的颜色。

Strength :光的强度，可以是 1到255之间的任何整数，数字越大，发光的范围就越大。

9.Gray :去掉图像的色彩，显示为黑白图象10. Invert :反转图象的颜色，产生类似底片的效果11. Light :放置光源的效果，可以用来模拟光源在物体上的投影效果Bien dTra ns(Durati on=?) Duratio n:淡入或淡出的时间。

注意: 这个滤镜必须配合 JS 建立Blur(Add=?, Directi on=?, Stre ngth=?) Add :是否单方向模糊, 此参数是一个布尔值,rue （非0）或false （ 0）。

Direction:设置模糊的方向，其中 0度代表垂直向上，然后 每45度为一个单位。

Strength :代表模糊的象素值。

4.Chroma :把指定的颜色设置为透明Chroma （Color=?） Color :是指要设置为透明的颜色。

5.DropShadow :建立阴影效果Drop Shadow(Color=?, OffX=?, OffY=?, P ositive=?) Color :指定阴影的颜色。

OffX :指 定阴影相对于元素在水平方向偏移量，整数。

OffY :指定阴影相对于元素在垂直方向偏移注意：此效果需要用JS设置光的位置和强度。

12. Mask：建立透明遮罩Mask(Color=?) Color :设置底色，让对象遮住底色的部分透明。

13. RevealTrans :建立切换效果RevealTra ns(Duratio n=?, Tran siti on=?)Duration :是切换时间，以秒为单位。