常用CSS樣式屬性CSS樣式表

常用CSS樣式屬性|CSS樣式表【長度單位】CSS可使用長度單位單位單位說明模范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%百分比，大部分是指所在地址寬度也許長度百分比font-size:10%【顏色表示】CSS可用顏色表示方式表示方式表示方式說明模范#rrggbb可以用Windows色彩選擇工具找到color:#feefc7rgb(#,#,#)用數(shù)字來表示紅色藍(lán)色以及綠色的混雜...也可以用Windowscolor:rgb(135,255,1色彩選擇工具找24)rgb(%,%,%)用百分比來代表紅色藍(lán)色以及綠色的強(qiáng)度來混雜顏色color:rgb(70%,35%,41%)顏色名稱用顏色的名稱來指定顏色color:brown【背景可用值】CSS可用背景值名稱說明可能值模范background背景下面的背景設(shè)定值皆適background:fixed用background-attachment背景圖性可否固定fixed,scrollbackground-attachment:fixedbackground-color背景顏色顏色backgroun-color:yellowtransparent(透空)background-image背景圖片none(無背景圖)background-image:urlurl(****)(圖片地址)background-position背景圖地址水平垂直background-position:135159background-repeat背景可否重復(fù)repeat(重復(fù))background-repeat:repeatrepeat-x(水平重復(fù))repeat-y(垂直重復(fù))no-repeat(不重復(fù))【屬性可用值】CSS可用屬性值名稱說明可能值模范visibility顯示或是隱蔽inherit(父組件決定)visibilihidden(隱蔽)ty:hiddevisible(顯示)nwidth寬度auto(自動(dòng)決定)width:13數(shù)字5height高度auto(自動(dòng)決定)height:1數(shù)字00z-indexZ軸高度(立體，可否在auto(自動(dòng)決定)z-index:另一個(gè)組件之上)數(shù)字135position定位方式absoluteposition(絕對尋址-依窗口坐標(biāo)，原點(diǎn)為父窗口左上角):absolutrelativee(相對定位-以一般網(wǎng)頁排列[后再依照坐標(biāo)定位，原點(diǎn)為定位后的地址)static(靜態(tài)定位-以一般網(wǎng)頁排列)top(對象的position屬對象的Y坐標(biāo)(原點(diǎn)根數(shù)字性須為absolute或據(jù)postion屬性有所不relative)同)left(對象的position對象的X坐標(biāo)(原點(diǎn)根數(shù)字屬性須為absolute或據(jù)postion屬性有所不relative)同)【文字設(shè)定可用值】CSS可用文字設(shè)定值名稱

說明

可能值

模范font

文字設(shè)定

以下所有皆可使用

font:arialfont-family

字體

字體名稱

font-family:arialfont-size

字體大小

百分比或是數(shù)字

(單位)

font-size:12pxfont-style字型樣式normal(一般)font-style:italicitalic(斜體)oblique(斜體)font-variant字型特別樣式normal(一般)font-variant:small-casmall-caps(大小英文字母)psfont-weight字型粗細(xì)normal(一般)font-weight:bolderbold(粗體)bolder(超粗體)lighter(細(xì)體)數(shù)字(400=normal700=bold)letter-spacing字符相距normal(一般)letter-spacing:5數(shù)字(預(yù)設(shè)為0)text-align字符對齊left(左邊)text-align:justifyright(右邊)center(中間)justify(左右均分)text-decoration字符樣式none(一般)text-decoration:underunderline(加底線)lineno-underline(不加底線)blink(閃爍)no-blink(不閃爍)line-through(加刪除線)no-line-through(不加刪除線)overline(加頂線)no-overline(不加頂線)【表格設(shè)定】CSS可用表格設(shè)定值名稱border

框線地址：(上-top.說明表格邊框設(shè)定

下-bottom.

左-left.右-right)可能值以下所有皆可使用

模范border:greenborder-colorborder-(框線地址

)-color

邊框顏色

任何顏色表示方法

border-color:blueborder-styleborder-(框線地址

)-style

邊框樣式

none(無邊框)dotted(點(diǎn)線)dashed(虛線)

border-style:dottedsolid(

實(shí)線)double(

雙線)groove(

立體凹線

)ridge(

立體凸線

)inset(

立體嵌入線

)outset(

立體隆起線

)border-width

邊框?qū)挾?/p>

數(shù)字

border-width:5border-(

框線地址

)-widthpadding

邊框補(bǔ)白

數(shù)字

padding:5【鼠標(biāo)設(shè)定】CSS可用鼠標(biāo)光標(biāo)設(shè)定值名稱說明可能值模范cursor光標(biāo)圖標(biāo)auto(自動(dòng)決定)cursor:handdefault(默認(rèn)值)crosshair(十字)hand(手形)move(搬動(dòng)時(shí)的光標(biāo))help(有問號(hào)的游標(biāo))text(文字編寫的光標(biāo))wait(忙碌中的游標(biāo))w-resize(向左箭頭)e-resize(向右箭頭)n-resize(向上箭頭)ne-resize{向右上箭頭)nw-resize(向左上箭頭)s-resize(向下箭頭)se-resize(向右下箭頭)sw-resize(向左下箭頭)【轉(zhuǎn)動(dòng)條設(shè)定】CSS可用轉(zhuǎn)動(dòng)條列設(shè)定值名稱說明可能值模范scrollbar-base轉(zhuǎn)動(dòng)條列主色彩顏色scrollbar-base-color-color:#aaaaaascrollbar-arro按鈕箭頭的顏色顏色scrollbar-arrow-colow-colorr:#000000scrollbar-face搬動(dòng)棒的顏色顏色scrollbar-face-color-color:#ffee99scrollbar-high按鈕邊框內(nèi)層左邊與上面的顏色及轉(zhuǎn)動(dòng)條底部軌道網(wǎng)顏色scrollbar-highlight-light-color狀顏色(與track同時(shí)使用網(wǎng)狀會(huì)消失)color:#000000scrollbar-3dli按鈕邊框外層左邊與上面的顏色顏色scrollbar-3dlight-coght-colorlor:#000000scrollbar-dark按鈕邊框外層右邊與下面的顏色顏色scrollbar-