常用css樣式屬性css樣式表

《常用css樣式屬性css樣式表》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、常用CSS樣式屬性

2、CSS樣式表【長度單位】CSS可使用長度單位單位單位說明范例ptPoint，就像是Word里面的Point一樣大小font-size:10ptpxPixels，依您屏幕分辨率而決定大小font-size:10pxpcPica，6個Pica是一英吋font-size:10pcmm公厘，用過尺...這個設(shè)定值完全不會因?yàn)槠渌O(shè)定而改變font-size:10mmcm公分，不會因?yàn)槭褂谜咴O(shè)定而改變font-size:10cm%百分比，大部分是指所在位置寬度或者長度百分比font-size:10%【顏色表示】CSS可用顏色表示方式表

3、示方式表示方式說明范例#rrggbb可以用Windows色彩選擇工具找到color:#feefc7rgb(#,#,#)用數(shù)字來表示紅色藍(lán)色以及綠色的混合...也可以用Windows色彩選擇工具找color:rgb(135,255,124)rgb(%,%,%)用百分比來代表紅色藍(lán)色以及綠色的強(qiáng)度來混合顏色color:rgb(70%,35%,41%)顏色名稱用顏色的名稱來指定顏色color:brown【背景可用值】CSS可用背景值名稱說明可能值范例background背景下面的背景設(shè)定值皆適用background:fixedbackground-a

4、ttachment背景圖性是否固定fixed,scrollbackground-attachment:fixedbackground-color背景顏色顏色transparent(透空)backgroun-color:yellowbackground-image背景圖片none(無背景圖)url(****)(圖片位置)background-image:url(test.jpg)background-position背景圖位置水平垂直background-position:135159background-repeat背景是否重復(fù)repeat(重

5、復(fù))repeat-x(水平重復(fù))repeat-y(垂直重復(fù))no-repeat(不重復(fù))background-repeat:repeat【屬性可用值】CSS可用屬性值名稱說明可能值范例visibility顯示或是隱藏inherit(父組件決定)hidden(隱藏)visible(顯示)　visibility:hiddenwidth寬度auto(自動決定)數(shù)字width:135height高度auto(自動決定)數(shù)字height:100z-indexZ軸高度(立體，是否在另一個組件之上)auto(自動決定)數(shù)字z-index:135positio

6、n定位方式absolute(絕對尋址-依窗口坐標(biāo)，原點(diǎn)為父窗口左上角)relative(相對定位-以一般網(wǎng)頁排列[right.center.left]后再根據(jù)坐標(biāo)定位，原點(diǎn)為定位后的位置)static(靜態(tài)定位-以一般網(wǎng)頁排列)position:absolutetop(對象的position屬性須為absolute或relative)對象的Y坐標(biāo)(原點(diǎn)根據(jù)postion屬性有所不同)數(shù)字　left(對象的position屬性須為absolute或relative)對象的X坐標(biāo)(原點(diǎn)根據(jù)postion屬性有所不同)數(shù)字　【文字設(shè)定可用值】CSS可

7、用文字設(shè)定值名稱說明可能值范例font文字設(shè)定以下所有皆可使用　font:arialfont-family字體字體名稱font-family:arialfont-size字體大小百分比或是數(shù)字(單位)font-size:12pxfont-style字型樣式normal(普通)italic(斜體)oblique(斜體)font-style:italicfont-variant字型特別樣式normal(普通)small-caps(大小英文字母)font-variant:small-capsfont-weight字型粗細(xì)normal(普通)bold(

8、粗體)bolder(超粗體)lighter(細(xì)體)數(shù)字(400=normal700=bold)font-weight:bolderletter-spacing字符相距normal(普通)數(shù)字(預(yù)設(shè)為0)letter-spacing:5text-align字符對齊left(左邊)right(右邊)center(中間)justify(左右平分)text-align:justifytext-decoration字符樣式none(普通)underline(加底線)no-underline(不加底線)blink(閃爍)no-blink(不閃爍)line-

9、through(加刪除線)no-line-through(不加刪除線)overline(加頂線)no-overline(不加頂線)text-decor