本節主要講解,兩個內容,
第一:CSS如何控制頁面樣式,有幾種方式;
第二:這些方式出現在同一個頁面時的優先級。
使用xHTML+CSS布局頁面,其中有個很重要的特點就是內容與表象相分離,內容指HTML頁面代碼,表象就是CSS代碼了,如果把頁面看成穿著衣服的人的話,人就是HTML,是內容,而衣服呢就是CSS,是表
象,現在出現的問題是,如何讓CSS去控制頁面?或者說,如何讓衣服穿在人身上,好體現出人得風格特點;不同的CSS就可以使頁面出現不同的風格適用不同的網站,而不同的衣服,人穿上后就會體現
出不同的職業。
第一:如何讓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>進行聲明,例如:
新聞熱點
疑難解答