1、CSS 復習大綱1CSS css+divCSS 是層疊樣式表（Cascading Style Sheets）用來定義網(wǎng)頁的顯示效果?？梢越鉀Q html 代碼對樣式定義的重復，提高了后期樣式代碼的可性，并增強了網(wǎng)頁的顯示效果功能。簡單一句話：CSS 將網(wǎng)頁內(nèi)容和顯示樣式進行分離，提高了顯示功能。2 CSS 的引入方式通過四種方式4.方式：通過 head中 link來實現(xiàn)，前提也是先要有一個已定好的 CSS 文件。例：注：可以通過多個 link進來多個 CSS 文件。重復樣式以最后進來的 CSS 樣式3.導入方式：前提是已經(jīng)存在一個定義好的 CSS 文件。網(wǎng)頁的一部分樣式需要用到，那么就用到這種方

2、式。例： import url(css_3.css); div color:#FF0000;注：url 括號后面必須要用分號結(jié)束。如果導入進來的樣式與本頁面定義的樣式重復，以本頁定義樣式為準。2.style方式：（內(nèi)嵌方式）在 head中加入 style，對多個進行修改。p color:#FF0000;該方式可以對單個頁面的樣式進行設置，但對于局部不夠靈活。1.style 屬性方式：利用中 style 屬性來改變每個的顯示樣式。例： p段落內(nèi)容。該方式比較靈活，但是對于多個相同的同一樣式定義比較麻煩，適合局部修改。3 選擇器：就是指定 CSS 要作用的，那個的名稱就是選擇器。意為：選擇哪個容器

3、。.通過怎么樣的方式去選擇 html 的元素選擇器共有三種：a)b)c)Html 元素選擇器。 class 選擇器。 id 選擇器。每一個操作。都定義了 class 屬性和 id 屬性。用于對進行標識，方便對進行在定義的中， 多個JavaScript 中經(jīng)常用。的 class 屬性值可以相同， 而 id 值要唯一， 因為id 選擇器：與 class 選擇器類似，但格式不同，選擇器的名稱為：#id 值。例：# color:#0000FF;P樣式注：多個同樣可以定義相同的 id 值，但是對于 JavaScript 對元素的獲取就會出錯。所以形成，確保 id 值的唯一性對于以后的數(shù)據(jù)庫設計也很有好處

4、。class 選擇器：在中定義 class 屬性并賦值。通過名.class 值 對該進行樣式設置。例：相同設置不同樣式的時候，用 class 進行區(qū)分。p.pclass_1 color:#FF0000; p.pclass_2 color:#0000FF;P樣式P樣式不同進行相同設置的時候，用 class 進行定義。.claame color:#00FF00;P樣式DIV樣式樣式優(yōu)先級：由上到下，由外到內(nèi)。優(yōu)先級由低到高。為準。擴展選擇器：關(guān)聯(lián)選擇器是可以嵌套的，要讓相同中的不同顯示不同樣式，就可以用此選擇器。例：p color:#00FF00; p b color:#FF000;P段落樣式P段

5、落組合選擇器對多個不同選擇器進行相同樣式設置的時候應用此選擇器。p,div color:#FF0000;P顯示段落。DIV顯示段落注：多個不同選擇器要用逗號分隔開。偽元素選擇器其實就在 html 中預先定義好的一些選擇器。稱為偽元素。（CSS 的術(shù)語）格式：名：偽元素。類名名。類名：偽元素。都可以。 a:link 超未點擊狀態(tài)。a:visited 被后的狀態(tài)。a:hover 光標移到超上的狀態(tài)（未點擊）。a:active 點擊超時的狀態(tài)。使用順序 L V H - Ap:-line 段落的第一行文本。p:-letter 段落中的第一個字母。:focus 具有焦點的元素。IE 瀏覽器不支持，在 FireFox 中可以看到效果?？达@示效果的時候注意，瀏覽器的緩沖。a:link color:blue; text-decoration: none; font-size:12px a:visited colray; text-decoration: none; font-size:8px a:hover color:red; text-decor