国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS 控制頁面樣式的4種方式和優先級問題

2024-07-11 08:26:55
字體:
來源:轉載
供稿:網友

本節主要講解,兩個內容,
第一: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>進行聲明,例如:



提示:您可以先修改部分代碼再運行

內嵌方式,大家應該也能意識到,即使有公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,后期維護也大,如果文件很少,CSS代碼也不多,這種方式還是很不錯
的。
3)鏈接方式
鏈接方式是使用頻率最高,最實用的方式,只需要在<head></head>之間加上
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 柳州市| 海城市| 保靖县| 依兰县| 东港市| 雅安市| 阳江市| 铜梁县| 巨野县| 中宁县| 潞西市| 甘孜| 惠安县| 宁乡县| 井冈山市| 邢台市| 璧山县| 阿拉善盟| 武川县| 廊坊市| 灵山县| 湘乡市| 顺义区| 青州市| 花莲县| 井冈山市| 金沙县| 深水埗区| 永州市| 宜君县| 达尔| 那曲县| 西林县| 原阳县| 双牌县| 东宁县| 焉耆| 华阴市| 咸宁市| 伊金霍洛旗| 临海市|