常用CSS樣式屬性CSS樣式表

. .. ...頁(yè)腳【顏色表示】CSS可用顏色表示方式【顏色表示】CSS可用顏色表示方式表示方式 表示方式說(shuō)明例#rrggbbWindowscolor:#feefc7rgb(#,#,#)用數(shù)字來(lái)表示紅色藍(lán)色以及綠色的混合...也可以用Windowscolor:rgb(135,255,1色彩選擇工具找 24)rgb(%,%,%)用百分比來(lái)代表紅色藍(lán)色以及綠色的強(qiáng)度來(lái)混合顏色color:rgb(70%,35%,41%)顏色名稱用顏色的名稱來(lái)指定顏色color:brown【背景可用值】CSS名稱說(shuō)明可能值例background背景下面的背景設(shè)定值皆適background:fixed用background-attachment 背景圖性是否固定fixed,scrollbackground-attachment:fixedbackground-color背景顏色顏色transparent(透空)backgroun-color:yellowbackground-image背景圖片none(無(wú)背景圖) background-image:url(test.url(****)(圖片位置)jpg)background-position背景圖位置水平垂直background-position:135159CSS|CSS【長(zhǎng)度單位】CSSCSS單位單位說(shuō)明例ptPointWordPointfont-size:10ptpxPixels，依您屏幕分辨率而決定大小font-size:10pxpcPica，6Picafont-size:10pcmm公厘，用過(guò)尺...這個(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%【文字設(shè)定可用值】CSS名稱說(shuō)明【文字設(shè)定可用值】CSS名稱說(shuō)明可能值例font文字設(shè)定以下所有皆可使用font:arialfont-family字體字體名稱font-family:arial【屬性可用值】CSS【屬性可用值】CSS名稱說(shuō)明可能值例visibility顯示或是隱藏inherit(父組件決定)hidden(隱藏)visible(顯示)visibility:hiddenwidth寬度auto(自動(dòng)決定)數(shù)字width:135height高度auto(自動(dòng)決定)數(shù)字height:100z-indexZauto(自動(dòng)決定)另一個(gè)組件之上)數(shù)字z-index:135position定位方式absolute position(絕對(duì)尋址-依窗口坐標(biāo)，原點(diǎn)為父窗口左上角) relative e(相對(duì)定位-以一般網(wǎng)頁(yè)排列[right.center.left定位后的位置)static(靜態(tài)定位-以一般網(wǎng)頁(yè)排列)toppositionabsoluterelative)對(duì)象的Y坐標(biāo)(原點(diǎn)根據(jù)postion同)數(shù)字leftpositionabsoluterelative)對(duì)象的X坐標(biāo)(原點(diǎn)根據(jù)postion同)數(shù)字

background-repeat:repeat【表格設(shè)定】CSS【表格設(shè)定】CSS框線位置：(上-top.下-bottom.左-left.右-right)名稱說(shuō)明可能值例border表格邊框設(shè)定以下所有皆可使用border:greenborder-colorborder-(框線位置)-color邊框顏色任何顏色表示方法border-color:blueborder-styleborder-(框線位置)-style邊框樣式none(無(wú)邊框)dotted(點(diǎn)線)dashed(虛線)solid(實(shí)線)border-style:dottedfont-size字體大小百分比或是數(shù)字(單位)font-size:12pxfont-style字型樣式normal(普通)italic(斜體)oblique(斜體)font-style:italicfont-variant字型特別樣式normal(普通) font-variant:small-casmall-caps(大小英文字母)psfont-weight字型粗細(xì)normal(普通)bold(粗體)bolder(超粗體)lighter(細(xì)體)數(shù)字(400=normal700=bold)font-weight:bolderletter-spacing字符相距normal(普通)數(shù)字(預(yù)設(shè)為0)letter-spacing:5text-align字符對(duì)齊left(左邊)right(右邊)center(中間)justify(左右平分)text-align:justifytext-decoration字符樣式none(普通) text-decoration:underunderline(加底線) no-underline(不加底線)blink(閃爍)no-blink(不閃爍)line-through(加刪除線)no-line-through(不加刪除線)overline(加頂線)no-overline(不加頂線)【鼠標(biāo)設(shè)定】CSS【鼠標(biāo)設(shè)定】CSS名稱說(shuō)明可能值例cursor光標(biāo)圖標(biāo)auto(自動(dòng)決定)default(默認(rèn)值)crosshair(十字)hand(手形)move(移動(dòng)時(shí)的光標(biāo))help(有問(wèn)號(hào)的游標(biāo))textwait(忙碌中的游標(biāo))w-resizee-resizen-resizene-resize{nw-resize(s-resize(向下箭頭)se-resize(向右下箭頭)sw-resize(向左下箭頭)cursor:hand【滾動(dòng)條設(shè)定】CSS名稱說(shuō)明可能值例scrollbar-base-color滾動(dòng)條列主色調(diào)顏色scrollbar-base-color:#aaaaaascrollbar-arrow-color按鈕箭頭的顏色顏色scrollbar-arrow-color:#000000scrollbar-face-color移動(dòng)棒的顏色顏色scrollbar-face-color:#ffee99scrollbar-highlight-color按鈕邊框?qū)幼筮吪c上面的顏色及滾動(dòng)條底部軌道網(wǎng)狀顏色(與track同時(shí)使用網(wǎng)狀會(huì)消失)顏色scrollbar-highlight-color:#000000double(雙線)groove(立體凹線)ridge(立體凸線)inset(立體嵌入線)outset(立體隆起線)border-widthborder-(框線位置)-width邊框?qū)挾葦?shù)字border-width:5padding邊框補(bǔ)白數(shù)字padding:5scrollbar-3dliscrollbar-3dlight-color按鈕邊框外層左邊與上面的顏色顏色scrollbar-3dlight-color:#000000scrollbar-darkshadow-color按鈕邊框外層右邊與下面的顏色顏色scroll