bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

CSS中如何實現引入-創新互聯

這篇文章主要介紹CSS中如何實現引入,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

創新互聯為您提適合企業的網站設計?讓您的網站在搜索引擎具有高度排名,讓您的網站具備超強的網絡競爭力!結合企業自身,進行網站設計及把握,最后結合企業文化和具體宗旨等,才能創作出一份性化解決方案。從網站策劃到網站建設、網站設計, 我們的網頁設計師為您提供的解決方案。

第一:CSS的4種引入方式

CSS的4種引入方式是:行內樣式、內嵌樣式、鏈接樣式、導入樣式

1.行內樣式

最直接最簡單的一種,直接對HTML標簽使用style="",例如:

<p style="color:#F00; "></p>

缺點:HTML頁面不純凈,文件體積大,不利于蜘蛛爬行,后期維護不方便。

2.內嵌樣式

內嵌樣式就是將CSS代碼寫在<head></head>之間,并且用<style></style>進行聲明,例如:

<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>

優缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,后期維護難度也大,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。

3.鏈接樣式

鏈接樣式是使用頻率高,最實用的樣式,只需要在<head></head>之間加上<link&hellip;/>就可以了,如下:

<link type="text/css" rel="stylesheet" href="style.css" />

優缺點:實現了頁面框架代碼與表現CSS代碼的完全分離,使得前期制作和后期維護都十分方便

 4.導入樣式(不建議使用)

導入樣式和鏈接樣式比較相似,采用@import樣式導入CSS樣式表,在HTML初始化時,會被導入到HTML或者CSS文件中,成為文件的一部分,類似第二種內嵌樣式。

@import在html中使用,如下:

<style type="text/css">
@import url(style.css);
</style>

@import在CSS中使用,如下:

@import url(style.css);

第二:四種CSS引入方式的優先級

1.就近原則

2.理論上:行內>內嵌>鏈接>導入

3.實際上:內嵌、鏈接、導入在同一個文件頭部,誰離相應的代碼近,誰的優先級高

心得:

1、如果同一個css定義分布在兩個css文件中,那么樣式取后引入的css文件。

2、好將第三方組件的css放在html靠前位置,自定義的css放到html后面位置。

以上是“CSS中如何實現引入”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!

文章標題:CSS中如何實現引入-創新互聯
標題來源:http://vcdvsql.cn/article38/djhcpp.html

成都網站建設公司_創新互聯,為您提供服務器托管自適應網站關鍵詞優化小程序開發品牌網站建設域名注冊

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都網站建設公司