CSS3樣式表的匯入方法

2021-09-27 06:43:15 字數 618 閱讀 7235

css有四種匯入樣式的方法,下面將一一枚舉:

1.行內樣式

行內樣式就是把css樣式直接寫在html標籤中

示例: 使用css來改變網頁的樣式

缺點:頁面不乾淨,網頁載入體積較大,這種寫法也不利於後續維護 。

2.內嵌樣式

內嵌樣式主要是將樣式寫在標籤對中

示例:

缺點:各個頁面無法共享css樣式,每個頁面定義乙個的話,占用的體積也比較大,也不利於維護。

3鏈結樣式

鏈結樣式主要是通過將css檔案鏈到網頁中

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

4.匯入樣式

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

實際上   內聯》另外三種,另外三種如果在同乙個檔案頭部,誰離相應的**近,誰的優先順序高

總結:如果同一css定義在不同的兩個css檔案中,css取後引入的樣式,專案中往往將第三方元件的css放在靠前位置,自定義的css放在後邊。

鏈結樣式是在頁面載入時,同時載入css樣式

匯入樣式是讀取html檔案之後再進行樣式載入

前端學習(3)樣式表 CSS

也叫作層疊樣式表或者級聯樣式表,用於定義html元素的顯示效果,原本的樣式是在html中內嵌定義的,css的出現使得分工更加清晰 內嵌樣式修改文字顏色 doctype html utf 8 內嵌樣式 title text css h1 p body 紅色 h1 藍色 p body html 內嵌樣式...

實用的css3樣式

1.word wrap word wrap normal break word 只在允許的斷字點換行 瀏覽器保持預設處理 斷字 在長單詞或url位址內部進行換行。2.font face internet explorer 9 firefox,chrome,safari,和 opera 支援 woff...

CSS 3 如何插入樣式表

css 3 如何插入樣式表 當讀到乙個樣式表時,瀏覽器會根據它來格式化 html 文件。插入樣式表的方法有三種 1.外部樣式表 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤只能在 文件...