CSS基本選擇器實(shí)用學(xué)習(xí)教案

1、會(huì)計(jì)學(xué)1CSS基本基本(jbn)選擇器實(shí)用選擇器實(shí)用第一頁(yè)，共34頁(yè)。第1頁(yè)/共34頁(yè)第二頁(yè)，共34頁(yè)。第2頁(yè)/共34頁(yè)第三頁(yè)，共34頁(yè)。CSS的概念和語(yǔ)法的概念和語(yǔ)法1.1基本基本CSS選擇器選擇器1.2在在HTML中使用中使用CSS的方法的方法1.3復(fù)合選擇器復(fù)合選擇器1.4CSS的繼承特性的繼承特性1.5第3頁(yè)/共34頁(yè)第四頁(yè)，共34頁(yè)。1.1 CSS1.1 CSS的概念的概念(ginin)(ginin)和語(yǔ)法和語(yǔ)法第4頁(yè)/共34頁(yè)第五頁(yè)，共34頁(yè)。第5頁(yè)/共34頁(yè)第六頁(yè)，共34頁(yè)。第6頁(yè)/共34頁(yè)第七頁(yè)，共34頁(yè)。第7頁(yè)/共34頁(yè)第八頁(yè)，共34頁(yè)。第8頁(yè)/共34頁(yè)第九頁(yè)，共34頁(yè)。第9

2、頁(yè)/共34頁(yè)第十頁(yè)，共34頁(yè)。第10頁(yè)/共34頁(yè)第十一頁(yè)，共34頁(yè)。第11頁(yè)/共34頁(yè)第十二頁(yè)，共34頁(yè)。第12頁(yè)/共34頁(yè)第十三頁(yè)，共34頁(yè)。注意注意(zh y)冒號(hào)和冒號(hào)和分號(hào)分號(hào)第13頁(yè)/共34頁(yè)第十四頁(yè)，共34頁(yè)。第14頁(yè)/共34頁(yè)第十五頁(yè)，共34頁(yè)。第15頁(yè)/共34頁(yè)第十六頁(yè)，共34頁(yè)。表示表示(biosh)(biosh)方法：在字符的前面加前綴句點(diǎn)方法：在字符的前面加前綴句點(diǎn)“.”“.”來(lái)表示來(lái)表示(biosh)(biosh)類別選類別選擇器。擇器。引用方法：在此處定義的類名在頁(yè)面中的元素用引用方法：在此處定義的類名在頁(yè)面中的元素用classclass屬性的值來(lái)引用。屬性的值來(lái)引用

3、。 例：定義了一個(gè)類選擇器例：定義了一個(gè)類選擇器title1title1，用來(lái)定義字體的大?。?，用來(lái)定義字體的大?。?title1 font-size:12px; .title1 font-size:12px; 在頁(yè)面中使用定義的樣式：在頁(yè)面中使用定義的樣式：學(xué)校網(wǎng)站開(kāi)發(fā)學(xué)校網(wǎng)站開(kāi)發(fā) 注意：類名不能以數(shù)字開(kāi)頭。注意：類名不能以數(shù)字開(kāi)頭。CSSCSS的類名只能包含字母和數(shù)字。的類名只能包含字母和數(shù)字。第16頁(yè)/共34頁(yè)第十七頁(yè)，共34頁(yè)。第17頁(yè)/共34頁(yè)第十八頁(yè)，共34頁(yè)。第18頁(yè)/共34頁(yè)第十九頁(yè)，共34頁(yè)。第19頁(yè)/共34頁(yè)第二十頁(yè)，共34頁(yè)。表示方法：字符前加表示方法：字符前加“#”“#

4、”。引用方法：在元素的引用方法：在元素的idid屬性中引用。屬性中引用。例如：例如：title2 font-size:larger; font-title2 font-size:larger; font-weight:bold; weight:bold; 這個(gè)這個(gè)CSSCSS規(guī)則只能用在具有這個(gè)規(guī)則只能用在具有這個(gè)idid屬性的元素上屬性的元素上， 學(xué)校網(wǎng)站學(xué)校網(wǎng)站(wn zhn)(wn zhn)開(kāi)發(fā)開(kāi)發(fā)第20頁(yè)/共34頁(yè)第二十一頁(yè)，共34頁(yè)。第21頁(yè)/共34頁(yè)第二十二頁(yè)，共34頁(yè)。第22頁(yè)/共34頁(yè)第二十三頁(yè)，共34頁(yè)。第23頁(yè)/共34頁(yè)第二十四頁(yè)，共34頁(yè)。第24頁(yè)/共34頁(yè)第二十五頁(yè)，共34頁(yè)。在HTML文檔頭部標(biāo)記中，用標(biāo)記來(lái)存放樣式表代碼(di m)。例如：在標(biāo)記中加入樣式表代碼(di m)，書(shū)寫(xiě)格式如下：選擇器屬性名a：屬性值a；屬性名b：屬性值b 第25頁(yè)/共34頁(yè)第二十六頁(yè)，共34頁(yè)。第26頁(yè)/共34頁(yè)第二十七頁(yè)，共34頁(yè)。 第27頁(yè)/共34頁(yè)第二十八頁(yè)，共34頁(yè)。第28頁(yè)/共34頁(yè)第二十九頁(yè)，共34頁(yè)。第29頁(yè)/共34頁(yè)第三十頁(yè)，共34頁(yè)。第30頁(yè)/共34頁(yè)第三十一頁(yè)，共34頁(yè)。 CSSCSS選擇器的基本選擇器的基本(jbn)(jbn)類型？類型？選擇器 屬性名：屬性值； 屬性名：屬性值； 標(biāo)記選擇器、類選擇器、ID選擇器 CSSCSS引入的方式？引入的