CSS引入方式

2021-08-01 04:21:19 字數 672 閱讀 8551

第一:css的四種引入方式

1.行內樣式

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

缺點:html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。

2.內嵌樣式

內嵌樣式就是將css**寫在之間,並且用進行宣告,例如:

優缺點:頁面使用公共css**,也是每個頁面都要定義的,如果乙個**有很多頁面,每個檔案都會變大,後期維護難度也大,如果檔案很少,css**也不多,這種樣式還是很不錯的。

3.鏈結樣式

鏈結樣式是使用頻率最高,最實用的樣式,只需要在之間加上就可以了,如下:

優缺點:實現了頁面框架**與表現css**的完全分離,使得前期製作和後期維護都十分方便

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

匯入樣式和鏈結樣式比較相似,採用@import樣式匯入css樣式表,在html初始化時,會被匯入到html或者css檔案中,成為檔案的一部分,類似第二種內嵌樣式。

@import在html中使用,如下:

@import在css中使用,如下:

@import url(style.css);

第二:四種css引入方式的優先順序

1.就近原則

2.理論上:行內》內嵌》鏈結》匯入

3.實際上:內嵌、鏈結、匯入在同乙個檔案頭部,誰離相應的**近,誰的優先順序高

Css引入方式

div 雙標籤 css語法 屬性名 屬性值 css引入方式 1 行間樣式的引入 在標籤中寫乙個style的屬性。如 style 缺點 不利於 重用。優點 優先順序最高。2 內部樣式的引入,在head標籤中寫乙個style的標籤,在標籤中通過選擇器控制樣式。選擇器寫法 1.標籤選擇器。div2.id選...

CSS引入方式

按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表 內嵌樣式表 是寫到html頁面內部,是將所有的css 抽取出來,單獨放到乙個標籤中.標籤理論上可以放在html文件的任何地方,但一般會放在文件的標籤中,通過此種...

css 引入方式

現在的網際網路前端分三層 css cascading style sheet,層疊樣式表。css的作用就是給html頁面標籤新增各種樣式,定義網頁的顯示效果。簡單一句話 css將網頁內容和顯示樣式進行分離,提高了顯示功能。css的最新版本是css3,我們目前學習的是css2.1 接下來我們要講一下為...