常用CSS樣式屬性CSS樣式表

常用CSS樣式屬性|CSS樣式表【長(zhǎng)度單位】CSS可使用長(zhǎng)度單位單位單位說(shuō)明范例ptPoint，就像是Word里面的Point一樣大小font-size:10ptpxPixels，依您屏幕分辨率而決定大小font-size:10pxpcPica，6個(gè)Pica是一英吋font-size:10pcmm公厘，用過尺...這個(gè)設(shè)定值完全不會(huì)因?yàn)槠渌O(shè)定而改變font-size:10mmcm公分，不會(huì)因?yàn)槭褂谜咴O(shè)定而改變font-size:10cm%百分比，大部分是指所在位置寬度或者長(zhǎng)度百分比f(wàn)ont-size:10%【顏色表示】CSS可用顏色表示方式表示方式表示方式說(shuō)明范例#rrggbb可以用Windows色彩選擇工具找到color:#feefc7rgb(#,#,#)用數(shù)字來(lái)表示紅色藍(lán)色以及綠色的混合...也可以用Windows色彩選擇工具找color:rgb(135,255,124)rgb(%,%,%)用百分比來(lái)代表紅色藍(lán)色以及綠色的強(qiáng)度來(lái)混合顏色color:rgb(70%,35%,41%)顏色名稱用顏色的名稱來(lái)指定顏色color:brown【背景可用值】CSS可用背景值名稱說(shuō)明可能值范例background背景下面的背景設(shè)定值皆適用background:fixedbackground-attachment背景圖性是否固定fixed,scrollbackground-attachment:fixedbackground-color背景顏色顏色

transparent(透空)backgroun-color:yellowbackground-image背景圖片none(無(wú)背景圖)

url(****)(圖片位置)background-image:url(test.jpg)background-position背景圖位置水平垂直background-position:135159background-repeat背景是否重復(fù)repeat(重復(fù))

repeat-x(水平重復(fù))

repeat-y(垂直重復(fù))

no-repeat(不重復(fù))background-repeat:repeat【屬性可用值】CSS可用屬性值名稱說(shuō)明可能值范例visibility顯示或是隱藏inherit(父組件決定)

hidden(隱藏)

visible(顯示)

visibility:hiddenwidth寬度auto(自動(dòng)決定)

數(shù)字width:135height高度auto(自動(dòng)決定)

數(shù)字height:100z-indexZ軸高度(立體，是否在另一個(gè)組件之上)auto(自動(dòng)決定)

數(shù)字z-index:135position定位方式absolute

(絕對(duì)尋址-依窗口坐標(biāo)，原點(diǎn)為父窗口左上角)

relative

(相對(duì)定位-以一般網(wǎng)頁(yè)排列[right.center.left]后再根據(jù)坐標(biāo)定位，原點(diǎn)為定位后的位置)

static

(靜態(tài)定位-以一般網(wǎng)頁(yè)排列)position:absolutetop(對(duì)象的position屬性須為absolute或relative)對(duì)象的Y坐標(biāo)(原點(diǎn)根據(jù)postion屬性有所不同)數(shù)字left(對(duì)象的position屬性須為absolute或relative)對(duì)象的X坐標(biāo)(原點(diǎn)根據(jù)postion屬性有所不同)數(shù)字【文字設(shè)定可用值】CSS可用文字設(shè)定值名稱說(shuō)明可能值范例font文字設(shè)定以下所有皆可使用

font:ar