1、.css常用屬性一 css 文字屬性：color : #999999; /*文字顏色 */font-family :宋體 ,sans-serif; /*文字字體 */font-size : 9pt; /*文字大小 */font-style:itelic; /*文字斜體 */font-variant:small-caps; /*小字體 */letter-spacing : 1pt; /*字間距離 */line-height : 200%; /*設置行高 */font-weight:bold; /*文字粗體 */vertical-align:sub; /*下標字 */vertical-align:

2、super; /*上標字 */text-decoration:line-through; /*加刪除線 */text-decoration: overline; /*加頂線 */text-decoration:underline; /*加下劃線 */text-decoration:none; /*刪除鏈接下劃線 */text-transform : capitalize; /*首字大寫 */text-transform : uppercase; /*英文大寫 */text-transform : lowercase; /*英文小寫 */text-align:right; /*文字右對齊 */t

3、ext-align:left; /*文字左對齊 */text-align:center; /*文字居中對齊 */text-align:justify; /*文字分散對齊 */vertical-align屬性.vertical-align:top; /*垂直向上對齊 */vertical-align:bottom; /*垂直向下對齊 */vertical-align:middle; /*垂直居中對齊 */vertical-align:text-top; /*文字垂直向上對齊 */vertical-align:text-bottom; /*文字垂直向下對齊 */二、 css邊框空白padding-

4、top:10px; /*上邊框留空白 */padding-right:10px; /*右邊框留空白 */padding-bottom:10px; /*下邊框留空白 */padding-left:10px; /*左邊框留空白三、 css符號屬性list-style-type:none; /*不編號 */list-style-type:decimal; /*阿拉伯數(shù)字 */list-style-type:lower-roman; /*小寫羅馬數(shù)字 */list-style-type:upper-roman; /*大寫羅馬數(shù)字 */list-style-type:lower-alpha; /*小寫英

5、文字母 */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; /*縮進 */四、 css背景樣式background-color:#f5e2ec; /

6、*背景顏色 */.background:transparent; /*透視背景 */background-image : url(/image/bg.gif); /*背景圖片 */background-attachment : fixed; /*浮水印固定背景 */background-repeat : repeat; /*重復排列 - 網(wǎng)頁默認 */background-repeat : no-repeat; /*不重復排列 */background-repeat : repeat-x; /*在 x 軸重復排列 */background-repeat : repeat-y; /*在 y 軸重

7、復排列 */指定背景位置background-position : 90% 90%; /*背景圖片 x 與 y 軸的位置 */background-position : top; /*向上對齊 */background-position : buttom; /*向下對齊 */background-position : left; /*向左對齊 */background-position : right; /*向右對齊 */background-position : center; /*居中對齊 */五、 css連接屬性a /* 所有超鏈接 */a:link /*超鏈接文字格式 */a:visi

8、ted /*瀏覽過的鏈接文字格式*/a:active /*按下鏈接的格式 */a:hover /*鼠標轉到鏈接 */鼠標光標樣式：鏈接手指cursor: hand十字體 cursor:crosshair箭頭朝下cursor:s-resize十字箭頭cursor:move.箭頭朝右cursor:move加一問號cursor:help箭頭朝左cursor:w-resize箭頭朝上cursor:n-resize箭頭朝右上cursor:ne-resize箭頭朝左上cursor:nw-resize文字 i 型 cursor:text箭頭斜右下cursor:se-resize箭頭斜左下cursor:sw-

9、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; /*右框線 */以上是建議書寫方式, 但也可以使用常規(guī)的方式如下 :border-top-color : #369 /*設置上框線 to

10、p 顏色 */border-top-width :1px /*設置上框線 top 寬度 */border-top-style : solid/*設置上框線 top 樣式 */其他框線樣式solid /*實線框 */dotted /*虛線框 */double /*雙線框 */groove /*立體內凸框 */.ridge /*立體浮雕框 */inset /*凹框 */outset /*凸框 */七、 css表單運用文字方塊按鈕復選框選擇鈕多行文字方塊下拉式菜單選項 1 選項 2八、 css邊界樣式margin-top:10px; /*上邊界 */margin-right:10px; /*右邊界值

11、 */margin-bottom:10px; /*下邊界值 */margin-left:10px; /*左邊界值 */九、 css濾鏡屬性filter：在樣式中加上濾鏡特效。由于此屬性內容比較多，我們將到下一章單獨對濾鏡介紹。1.alpha ：設置透明度alpha(opacity=?, finishopacity=?, style=?, startx=?, starty=?, finishx=?, finishy=?)opacity ：透明度級別，范圍是0-100 ，0 代表完全透明，100 代表完全不透明。finishopacity ：設置漸變的透明效果時，用來指定結束時的透明度，范圍也是0

12、 到 100 。 style ：設置漸變透明的樣式，值為0 代表統(tǒng)一形狀、1 代表線形、 2 代表放射狀、 3 代表長方形。 sta.rtx 和 starty ：代表漸變透明效果的開始x 和 y 坐標。 finishx和 finishy ：代表漸變透明效果結束x 和 y 的坐標。2.blendtrans：圖像之間的淡入和淡出的效果blendtrans(duration=?) duration：淡入或淡出的時間。注意：這個濾鏡必須配合js 建立圖片序列，才能做出圖片間效果。3.blru：建立模糊效果blur(add=?, direction=?, strength=?) add：是否單方向模糊，

13、此參數(shù)是一個布爾值，true （非 0）或 false （ 0）。 direction：設置模糊的方向，其中0 度代表垂直向上，然后每 45 度為一個單位。strength：代表模糊的象素值。4.chroma ：把指定的顏色設置為透明chroma(color=?) color：是指要設置為透明的顏色。5.dropshadow ：建立陰影效果dropshadow(color=?, offx=?, offy=?, positive=?) color：指定陰影的顏色。offx ：指定陰影相對于元素在水平方向偏移量，整數(shù)。offy ：指定陰影相對于元素在垂直方向偏移量，整數(shù)。positive：是一個布

14、爾值，值為true （非 0）時，表示為建立外陰影；為false(0) ，表示為建立內陰影。6.fliph：將元素水平反轉7.flipv：將元素垂直反轉8.glow ：建立外發(fā)光效效果glow(color=?, strength=?)color ：是指定發(fā)光的顏色。strength ：光的強度，可以是1 到 255 之間的任何整數(shù)，數(shù)字越大，發(fā)光的范圍就越大。9.gray ：去掉圖像的色彩，顯示為黑白圖象10. invert ：反轉圖象的顏色，產(chǎn)生類似底片的效果11.light ：放置光源的效果，可以用來模擬光源在物體上的投影效果注意：此效果需.要用 js 設置光的位置和強度。12. mask

15、：建立透明遮罩mask(color=?) color：設置底色，讓對象遮住底色的部分透明。13. revealtrans ：建立切換效果revealtrans(duration=?, transition=?)duration ：是切換時間，以秒為單位。transtition ：是切換方式，可設置為從0 到 23。注意：如果做頁面間的切換效果，可以在區(qū)加上一行代碼：。如果用在頁面里的元素必須配合 js 使用。14.shadow：建立另一種陰影效果shadow(color=?, direction=?) color：是指陰影的顏色。direction：是設置投影的方向，0 度代表垂直向上，然后每45 度為一個單位。15.wave：波紋效果wave(add=?, freq=?, lightstrength=?, phase=?, strength=?) add：表示是否顯示原對象， 0 表示不顯示，非0 表示要顯示原對象。freq ：設置波動的個數(shù)。lightstrength：設置