CSS指層疊樣式表(CascadingStyleSheets)

《CSS指層疊樣式表(CascadingStyleSheets)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、CSS指層疊樣式表（CascadingStyleSheets）?CSS語法由三部分組成：選擇器、屬性和值：Selector{property:value}?例：body{color:blue;}若值為若干單詞，需加引號。?選擇器分組例：h1,h2,h3,h4{color:#ff0000;}使這幾個(gè)標(biāo)題的顏色都是綠色的。?派生選擇器例：listrong{????font-style:italic;}指在li里的屬性為strong的元素會(huì)變成斜體。?id選擇器?以#定義#red{color:red;}這段是紅色

2、的

注：每個(gè)id屬性只能在html中出現(xiàn)一次。#mmp{color:red;}#mmh1{color:green;}作為派生選擇器，指id為mm的段落是紅色，h1標(biāo)題是綠色的。注：id選擇器作為派生選擇器時(shí)，可出現(xiàn)多次。?類選擇器以一個(gè)點(diǎn)號顯示.center{text-align:center}aaaaa注：類選擇器的第一個(gè)字符不能是數(shù)字。td.fancy{color:#f60;background:#666;}作為派生選擇器，指類名為fancy的表格單元都是灰色背景的橙色。?如

3、何插入樣式表3種方法①外部樣式表注：外部樣式表mystyle.css不包含任何html標(biāo)簽。②內(nèi)部樣式表hr{color:red;}③內(nèi)聯(lián)樣式

4、。（內(nèi)部樣式比外部具體）?CSS背景背景色p{backgroud-color:red;}背景圖像p{backgroud-image:url(123.jpg);}背景重復(fù)p{backgroud-repeat:repeat;}repeat是圖像在水平垂直方向上都平鋪，相當(dāng)于添加整個(gè)背景圖像。repeat-x是圖像在水平方向上平鋪，repeat-y是在垂直方向上。背景定位p{backgroud-position:center;}其屬性值可以為center,top,bottom,left.right，若只出現(xiàn)一個(gè)關(guān)鍵字，則認(rèn)為另一個(gè)關(guān)鍵

5、字是center。p{backgroud-position:66%33%;}指將圖像放在水平方向2/3、垂直方向1/3處。p{background-position:50px100px;}圖像的左上角將在元素內(nèi)邊距區(qū)左上角向右50像素、向下100像素的位置。背景關(guān)聯(lián)p{backgroud-attachment:fixed;}背景圖像固定，不會(huì)隨其他滾動(dòng)。（就是你可以一直看到背景，它不會(huì)動(dòng)）可以將所有背景屬性放在一個(gè)聲明中：body{background:#ff0000url

6、(/i/eg_bg_03.gif)no-repeatfixedcenter;}??CSS文本縮進(jìn)文本p{text-indent:5em;}使所有段落的首行縮進(jìn)5em（即第一行開頭距左邊距有5em）使用負(fù)值p{text-indent:-5em;}段落的第一行的前5em的內(nèi)容從左面超出了瀏覽器。p{text-indent:-5em;padding-left:5em;}設(shè)置一個(gè)5em的內(nèi)邊距，第一行正常顯示，其余行的開頭距左邊有5em距離。使用百分比值div{width:500px;}p{text-ind

7、ent:20%;}

8、nsform:none;}屬性值：uppercase:全大寫，lowercase:全小寫，capitalize:每個(gè)單詞的首字母大寫。文本裝飾p{text-decoration:none;}屬性值：underline:下劃線，overline:文本頂部一條線，l