資源描述:
《CSS常用屬性及描述.doc》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、CSS常用屬性及描述CSS背景屬性(Background)屬性值描述CSSbackgroundbody{background:#00FF00url(bgimage.gif)no-repeatfixedtop;}在一個(gè)聲明中設(shè)置所有的背景屬性。背景屬性都不能繼承1background-attachmentscroll,fixed設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。1background-color顏色值設(shè)置元素的背景顏色。背景屬性都不能繼承1background-imageurl('URL')設(shè)置元素的背景圖像。1background-pos
2、itioncenter,top,bottom,right,left設(shè)置背景圖像的開始位置。top、bottom、left、right和center。通常,這些關(guān)鍵字會(huì)成對(duì)出現(xiàn),不過也不總是這樣。還可以使用長(zhǎng)度值,如100px或5cm,最后也可以使用百分?jǐn)?shù)值。1background-repeatrepeat,repeat-x,repeat-y,no-repeat設(shè)置是否及如何重復(fù)背景圖像。repeat-x和repeat-y1CSS邊框?qū)傩裕˙order和Outline)屬性值描述CSSborder.d1{border:5pxsolidgray;}在一個(gè)聲
3、明中設(shè)置所有的邊框?qū)傩浴?border-stylenone(沒有邊框,無論邊框?qū)挾仍O(shè)為多大)dotted(點(diǎn)線式邊框)dashed(破折線式邊框)solid(直線式邊框)double(雙線式邊框)groove(槽線式邊框)ridge(脊線式邊框)inset(內(nèi)嵌效果的邊框)outset(突起效果的邊框)設(shè)置四條邊框的樣式。1border-color顏色值設(shè)置四條邊框的顏色。1border-width使用px、cm等單位定義設(shè)置四條邊框的寬度。若設(shè)置兩個(gè)數(shù),則第一個(gè)數(shù)為上下,第二個(gè)數(shù)為左右。如:border-width:01px;1border-top,
4、border-top-width,border-top-style,border-top-color。border-bottom,border-bottom-width,border-bottom-style,border-bottom-color。border-left,border-left-width,border-left-style,border-left-color。border-right,border-right-width,border-right-style,border-right-color。使用px、cm等單位定義在一個(gè)聲明中
5、設(shè)置所有的單邊框?qū)傩浴芜呥吙驅(qū)傩陨舷伦笥宜膫€(gè)邊框不但可以統(tǒng)一設(shè)定,也可以分開設(shè)定。1outline在一個(gè)聲明中設(shè)置所有的輪廓屬性。輪廓(outline)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。2outline-color顏色值設(shè)置輪廓的顏色。2outline-stylenone默認(rèn)。定義無輪廓。dotted定義點(diǎn)狀的輪廓。dashed定義虛線輪廓。solid定義實(shí)線輪廓。double定義雙線輪廓。雙線的寬度等同于outline-width的值。groove定義3D凹槽輪廓。此效果取決于outline-color值。ridg
6、e定義3D凸槽輪廓。此效果取決于outline-color值。inset定義3D凹邊輪廓。此效果取決于outline-color值。outset定義3D凸邊輪廓。此效果取決于outline-color值。inherit規(guī)定應(yīng)該從父元素繼承輪廓樣式的設(shè)置。設(shè)置輪廓的樣式。2outline-width使用px、cm等單位定義設(shè)置輪廓的寬度。2CSS文本屬性(Text)屬性值描述CSScolor顏色值設(shè)置文本的顏色。1directionltr默認(rèn)。文本方向從左到右。rtl文本方向從右到左。規(guī)定文本的方向/書寫方向。2letter-spacing使用px、cm
7、等單位定義設(shè)置字符間距。1line-height使用px、cm等單位定義設(shè)置行高。1text-alignleft(居左,缺省值)right(居右)center(居中)justify(兩端對(duì)齊)規(guī)定文本的水平對(duì)齊方式。1text-decorationnone(無,缺省值)underline(下劃線)overline(上劃線)line-through(當(dāng)中劃線)規(guī)定添加到文本的裝飾效果。1text-indent使用px、cm等單位定義規(guī)定文本塊首行的縮進(jìn)。1text-transformnone默認(rèn)。定義帶有小寫字母和大寫字母的標(biāo)準(zhǔn)的文本。capitaliz
8、e文本中的每個(gè)單詞以大寫字母開頭。uppercase定義僅有大寫字母。lowercase定義無