資源描述：
《通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容什么是CSS CSS樣式和.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在PPT專區(qū)-天天文庫。
1、通過本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：什么是CSSCSS樣式和常用的selector在網(wǎng)頁中使用CSS的方法CSS的各種屬性第3章CSS技術(shù)基礎(chǔ)3.1CSS簡介CSS（CascadingStyleSheet，層疊樣式表）技術(shù)是一種格式化網(wǎng)頁的標(biāo)準(zhǔn)方式，它通過設(shè)置CSS屬性使網(wǎng)頁元素獲得各種不同效果。CSS不是一種程序設(shè)計語言，而只是一種用于網(wǎng)頁排版的標(biāo)識性語言，是對現(xiàn)有HTML語言功能的補(bǔ)充和擴(kuò)展。CSS的主要功能是通過對HTML選擇器進(jìn)行設(shè)定，來實(shí)現(xiàn)對網(wǎng)頁中的字體、字號、顏色、背景、圖像記其他元素的控制，使網(wǎng)頁能夠完全按照
2、設(shè)計者的要求來顯示。CSS的定義由三部分構(gòu)成：選擇符selector、屬性property和屬性值value。其基本格式如下：selector{propertyl：valuel；property2：value2；……}其中selector（選擇符）表示需要應(yīng)用樣式的內(nèi)容，property表示由CSS標(biāo)準(zhǔn)定義的樣式屬性，value表示樣式屬性的值。3.2CSS樣式3.2.1CSS樣式表組成3.2.2幾種常用的selectorHTML標(biāo)記符是最典型的selector類型，網(wǎng)頁設(shè)計者可以為某個或某些具體的HTML元素應(yīng)用樣式
3、定義。如：BODY{color：black}如果屬性的值是多個單詞組成的，必須在值前加上雙引號。如果需要對一個selector指定多個屬性時，應(yīng)使用分號將所有的屬性和值分開。1．HTML標(biāo)記符selector如果需要為位于某個標(biāo)記符內(nèi)的標(biāo)記符設(shè)置特定的樣式規(guī)則，則應(yīng)將selector指定為具有上下文關(guān)系的HTML標(biāo)記符。例如，如果只想使位于H1標(biāo)記符內(nèi)的A標(biāo)記符具有特定的屬性，則應(yīng)使用以下格式：H1A{color：blue}注意H1和A之間以空格分隔。2．具有上下文關(guān)系的HTML標(biāo)記符selector可以使用類（cla
4、ss）來為單一HTML標(biāo)記符創(chuàng)建多個樣式。要想將一個類包括到樣式定義中，可將一個句點(diǎn)和一個類名稱添加到selector后，如下所示：selector.classname{property：value；……}可以使用任何名稱命名類，但通常使用具體含義的名稱。3．用戶定義的類selector4．用戶定義的IDselector當(dāng)網(wǎng)頁設(shè)計者想在整個網(wǎng)頁或幾個頁面上多處以相同樣式顯示標(biāo)記符時，除了使用類定義一個通用類樣式以外，還可以使用ID定義樣式。ID選擇符的應(yīng)用和類選擇符類似，只要把CLASS換成ID即可。要將一個ID樣式包
5、括在樣式定義中，應(yīng)用一個#號作為ID名稱的前綴，如下所示：#IDname{property：value……}定義了ID樣式后，需要在引用該樣式的標(biāo)記符內(nèi)使用id屬性?？梢詥为?dú)對某種元素包含關(guān)系定義的樣式表，元素1里包含元素2，這種方式只對在元素1里的元素2定義，對單獨(dú)的元素1或元素2無定義，例如：TABLEA{font-size：10px}使用上規(guī)則后，在表格內(nèi)的鏈接改變了樣式，文字大小為10像素，而表格外的鏈接的文字仍為默認(rèn)大小。5．包含selector層疊性，即繼承性，樣式表的繼承規(guī)則是外部的元素樣式會保留下來繼承
6、給這個元素所包含的其他元素。不同的選擇符定義相同的元素時，要考慮到不同的選擇符之間的優(yōu)先級。ID選擇符，類選擇符和HTML標(biāo)記選擇符，因?yàn)镮D選擇符是最后加在元素上的，所以優(yōu)先級最高，其次是類選擇符。如果想超越這三者之間的關(guān)系，可以在定義樣式時加上!important，來提升樣式表的優(yōu)先權(quán)。6．樣式表的層疊性selector7．虛類selector虛類可以看作是一種特殊的類選擇符，是能被支持CSS的瀏覽器自動識別的特殊選擇符。它最大的用處就是可以在不同狀態(tài)下定義不同的樣式超鏈接效果。將虛類和類組合起來用，就可以在同一個
7、頁面中做幾組不同類型的鏈接效果了。所謂不同類型超鏈接，是指訪問過的（A:visited）、未訪問過的（A:link）、激活的（A:active）以及鼠標(biāo)指針懸停于其上（A:hover）的這4種狀態(tài)的超鏈接。8．注釋selector用戶可以在CSS中插入注釋來說明用戶代碼的意思，注釋有利于用戶或別人以后編輯和更改代碼時理解代碼的含義。在瀏覽器中，注釋是不顯示的。與HTML注釋一樣，CSS注釋也以“/*”開頭，以“*/”結(jié)尾。3.3在網(wǎng)頁中使用CSS3.3.1在標(biāo)記符中直接嵌套樣式信息在標(biāo)記符中直接嵌套樣式信息又稱為“局部
8、引用”，即將樣式直接嵌套在HTML標(biāo)記里使用的。用這種方法，可以很簡單的對某個元素單獨(dú)定義樣式。使用style屬性可以在HTML標(biāo)記符中直接嵌入樣式定義，如下所示：<標(biāo)記符style："propertyl：valuel；property2：value2；……">如果能將同類的樣式都統(tǒng)一定義，然后再具體應(yīng)用于網(wǎng)頁中的元素，那么就能體
