一個樣式表一般由若干樣式規(guī)則組成,每條樣式規(guī)則都可以看作是一條CSS的基本語句。
10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站設(shè)計制作后付款的網(wǎng)站建設(shè)流程,更有白沙黎族免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
每條規(guī)則都包含一個選擇器(例如:BODY,P等)和寫在花括號里的聲明,這些聲明通常是由幾組用分號分隔的屬性和值組成。
有6種合法的選擇器類別,即:HTML標(biāo)記、具有上下文關(guān)系的HTML標(biāo)記、用戶定義的類、用戶定義的ID、虛類、虛元素。
1.HTML標(biāo)記
例如:H1{text-align:center;font-family:楷體-gb2312},H1,H2,H3{color:#ff0000}
2.具有上下文關(guān)系的HTML標(biāo)記
例如:H1 B{color:red},這表示只有位于標(biāo)記元素內(nèi)的 標(biāo)記符說明的內(nèi)容顯示為紅色,其它標(biāo)記符所說明的元素不具有該屬性。這種上下文關(guān)系可以多層嵌套。
3.用戶定義的類
要想將一個類包括到樣式定義中,可將一個句點(diǎn)和一個類名添加到選擇器后,即:選擇器.類名{屬性:值;……}
可以使用任何名稱命名類,例如:若想在網(wǎng)頁使用 ,并使每處文本具有不同的顏色,則可進(jìn)行如下定義:H2.colo-red{color:red}H2.color-blue{color:blue}
然后在網(wǎng)頁中需要使用CLASS屬性的地方引用這些類,例如:第一章 HTML,第二章 CSS技術(shù)〈/H2〉如果使用了 標(biāo)記符,但未使用CLASS屬性,則不會應(yīng)用所定義的樣式。
特別地,還可以定義應(yīng)用于所有標(biāo)記符的類,此時,直接用句點(diǎn)后跟類名即可,例如:.red{color:red}然后在所有需要引用該類的標(biāo)記符中使用CLASS屬性。
4.用戶定義的ID
所謂ID,就是相當(dāng)于HTML文檔中的樣式的“身份證”,以保證其在一個HTML文檔中具有唯一可用的值。這給使用JAVAScript等腳本編寫語言的 應(yīng)用帶來了方便。要將一個ID包括在樣式定義中,需要“#”號作為ID名稱的前綴,格式如下:#ID名字{屬性:值}
定義了ID樣式后,則可通過在標(biāo)記符內(nèi)使用ID屬性來引用該樣式。例如:有定義#red{color:red},則可在若干不同標(biāo)記符中使用。
5.虛類和虛元素
虛類也稱偽類(Peeudo-class),它可以區(qū)別開不同種類的元素。虛元素(Pseudo-element)指元素的一部分,如段落的第一個字母和首行效果(first-letter和first-line)。
虛類和虛元素只可以用在CSS的選擇器中,而不能出現(xiàn)在HTML的源代碼中,即不能用CLASS或ID來調(diào)用。它們只能在特定條件下被瀏覽器所識別。
偽類中最常見的就是錨偽類。錨偽類可以指定標(biāo)記符以不同方式顯示鏈接,即訪問過的(visited)、未訪問過的(link)、激活的(active)和鼠標(biāo)指向的(hover)幾種鏈接狀態(tài)。例如可以使用下列方式更改超鏈接的顯示方式:A:link {text-decoration:none;color:#800000},A:visited {text-decoration:none;color:#800000},A:active {text-decortion:none},A:hover {text-decoration:underline;color:blue}
1、選擇器用于指定CSS樣式作用的HTML對象,花括號內(nèi)是對該對象設(shè)置的具體樣式。
2、屬性和屬性值以“鍵值對“?的形式出現(xiàn)。
3、屬性是對指定的對象設(shè)置的樣式屬性,例如字體大小、文本顏色等。
4、屬性和屬性值之間用英文“:“連接。
5、多個“鍵值對”之間用英文“;”進(jìn)行區(qū)分。可以用段落和表格的對齊的演示。
CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
擴(kuò)展資料:
CSS作為一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,被用于描述網(wǎng)頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網(wǎng)頁或者單獨(dú)的樣式單文件。
無論哪一種方式,樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時,樣式單規(guī)則被放置在一個帶有文件擴(kuò)展名_css的外部樣式單文檔中。
樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素,如文本段落或鏈接的格式化指令。樣式規(guī)則由一個或多個樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中,外部樣式單保存在獨(dú)立的文檔中,網(wǎng)頁通過一個特殊標(biāo)簽鏈接外部樣式單。
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言。
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標(biāo)簽內(nèi)的樣式;寫在標(biāo)簽的開始部分內(nèi)部,style屬性當(dāng)中。
例:標(biāo)記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標(biāo)記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫在style標(biāo)記內(nèi)。
例:style選擇器 {屬性名:屬性值;屬性名:屬性值;......}/style
3、外部樣式(外聯(lián)樣式):寫在css文件內(nèi)。
例:link type="text/css" rel="stylesheet" href="css/main.css" /
擴(kuò)展資料:
使用CSS樣式的優(yōu)點(diǎn):
CSS有助于實(shí)現(xiàn)負(fù)責(zé)任的Web設(shè)計。CSS對開發(fā)者構(gòu)建Web站點(diǎn)的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點(diǎn),如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護(hù)等。
此外,站點(diǎn)的表現(xiàn)信息和核心內(nèi)容相分離,使得站點(diǎn)的設(shè)計人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進(jìn)行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點(diǎn)的風(fēng)格特色,在修改頁面數(shù)量龐大的站點(diǎn)時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
css樣式表主要內(nèi)嵌樣式,內(nèi)部樣式表,外部樣式表
css樣式基本結(jié)構(gòu)選擇器,屬性,屬性值