本節(jié)主要講解,兩個內容,
第一:CSS如何控制頁面樣式,有幾種方式;
第二:這些方式出現(xiàn)在同一個頁面時的優(yōu)先級。
使用xHTML+CSS布局頁面,其中有個很重要的特點就是內容與表象相分離,內容指HTML頁面代碼,表象就是CSS代碼了,如果把頁面看成穿著衣服的人的話,人就是HTML,是內容,而衣服呢就是CSS,是表
象,現(xiàn)在出現(xiàn)的問題是,如何讓CSS去控制頁面?或者說,如何讓衣服穿在人身上,好體現(xiàn)出人得風格特點;不同的CSS就可以使頁面出現(xiàn)不同的風格適用不同的網站,而不同的衣服,人穿上后就會體現(xiàn)
出不同的職業(yè)。
第一:如何讓CSS去控制HTML頁面效果呢?
有這么4種方式,行內方式、內嵌方式、鏈接方式、導入方式
1)行內方式
行內方式是4種樣式中最直接最簡單的一種,直接對HTML標簽適用style="",例如:
<p style="color:#F00; background:#CCC; font-size:12px;"></p>
雖然這種方法比較直接,在制作頁面的時候需要為很多的標簽設置style屬性,所以會導致HTML頁面不夠純凈,文件體積過大,不利于搜索蜘蛛爬行,從而導致后期維護成本高。
2)內嵌方式
內嵌方式就是將CSS代碼寫在<head></head>之間,并且用<style></style>進行聲明,例如:
提示:您可以先修改部分代碼再運行
內嵌方式,大家應該也能意識到,即使有公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,后期維護也大,如果文件很少,CSS代碼也不多,這種方式還是很不錯
的。
3)鏈接方式
鏈接方式是使用頻率最高,最實用的方式,只需要在<head></head>之間加上
新聞熱點
疑難解答