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

1、會(huì)計(jì)學(xué)1CSS基本選擇器資料實(shí)用基本選擇器資料實(shí)用第1頁/共34頁第2頁/共34頁CSS的概念和語法的概念和語法1.1基本基本CSS選擇器選擇器1.2在在HTML中使用中使用CSS的方法的方法1.3復(fù)合選擇器復(fù)合選擇器1.4CSS的繼承特性的繼承特性1.5第3頁/共34頁1.1 CSS1.1 CSS的概念和語法的概念和語法第4頁/共34頁第5頁/共34頁第6頁/共34頁第7頁/共34頁第8頁/共34頁第9頁/共34頁第10頁/共34頁第11頁/共34頁第12頁/共34頁注意冒號(hào)和分號(hào)注意冒號(hào)和分號(hào)第13頁/共34頁第14頁/共34頁第15頁/共34頁表示方法：在字符的前面加前綴句點(diǎn)表示方法：在

2、字符的前面加前綴句點(diǎn)“.”.”來表示類別選擇器。來表示類別選擇器。引用方法：在此處定義的類名在頁面中的元素用引用方法：在此處定義的類名在頁面中的元素用classclass屬性的值屬性的值來引用。來引用。 例：定義了一個(gè)類選擇器例：定義了一個(gè)類選擇器title1title1，用來定義字體的大?。海脕矶x字體的大?。?title1 font-size:12px; .title1 font-size:12px; 在頁面中使用定義的樣式：在頁面中使用定義的樣式：學(xué)校網(wǎng)站開發(fā)學(xué)校網(wǎng)站開發(fā) 注意：類名不能以數(shù)字開頭。注意：類名不能以數(shù)字開頭。CSSCSS的類名只能包含字母和數(shù)字。的類名只能包含字母和數(shù)字

3、。第16頁/共34頁第17頁/共34頁第18頁/共34頁第19頁/共34頁表示方法：字符前加表示方法：字符前加“#”#”。引用方法：在元素的引用方法：在元素的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)站開發(fā)學(xué)校網(wǎng)站開發(fā)第20頁/共34頁第21頁/共34頁第22頁/共34頁第23頁/共34頁第24頁/共34頁在HTML文檔頭部標(biāo)記中，用標(biāo)記來存放樣式表代碼。例如：在標(biāo)記中加入樣式表代碼，書寫格式如下：選擇器屬性名a：屬性值a；屬性名b：屬性值b 第25頁/共34頁第26頁/共34頁第27頁/共34頁第28頁/共34頁第29頁/共34頁第30頁/共34頁 CSSCSS選擇器的基本類型？選擇器的基本類型？選擇器 屬性名：屬性值； 屬性名：屬性值； 標(biāo)記選擇器、類選擇器、ID選擇器 CSS