目錄
css的四種引入方式
1.行內樣式
2.內嵌樣式
3.外部樣式
3.1.鏈結樣式(推薦)
3.2.匯入樣式(不建議使用)
4. 鏈結式和匯入式的區別
5.四種css引入方式的優先順序
最簡單的一種,直接對html標籤使用style=" "
例如:
缺點:html頁面不純淨,檔案體積大,不利於瀏覽器編譯,後期維護不方便。
內嵌樣式就是將css**寫在之間,並且用進行宣告
例如:
鏈結樣式是使用頻率最高,最實用的樣式,只需要在之間加上就可以了,如下:
優缺點:實現了頁面框架**與表現css**的完全分離,使得前期編寫**和後期**維護都十分方便
匯入樣式和鏈結樣式比較相似,採用@import樣式匯入css樣式表,在html初始化時,會被匯入到html或者css檔案中, 成為檔案的一部分,類似第二種內嵌樣式。
@import在html中使用,如下:
@import在css中使用,如下:
@import url(style.css);
1、屬於xhtml
2、優先載入css檔案到頁面
@import
1、屬於css2.1
2、先載入html結構在載入css檔案。
1.就近原則
綜合**如下:
我是p段落(注意:內嵌樣式和外部引入樣式 離我最近的那種樣式方式給我帶來的影響)
我是div,我什麼樣式都沒有
我是行內樣式
歡迎進入部落格一起學習
HTML 引用Css樣式的四種方式
不才,只知道html引用css樣式有四種方式,內部引用和外部引用各兩種,因為老是忘記細節,記下了隨時翻閱亦可方便如我般的初學者 內部引用方式1 直接在標籤內用 style 引用,如 內部引用方式2 在頁面標頭檔案的標籤裡引用,如 如此話,style 標籤最好放到 外部引用方式1 用標籤,如 注意 不...
CSS之應用樣式的四種方式
通過link標籤鏈結的樣式表不是html文件的一部分,但是卻供文件使用。這樣的樣式表稱為外部樣式表。web瀏覽器遇到link標籤時,會查詢並載入樣式表,並渲染html文件。屬性比如 此時由於文件中關聯的兩個外部樣式表的rel均為stylesheet,因此顯示文件時會合併兩個樣式表中的規則後再應用於文...
css的四種書寫方式
優先順序 外部樣式 內部樣式表 內聯樣式表 優先順序,即 同名的選擇器右邊的會覆蓋左邊 1.內部樣式表 head style 內部樣式表,一般用於覆蓋公用樣式 headtip style head 2.使用link標籤,在文件中宣告使用外接資源,最常用的一種方式。css外部樣式表指定編碼的 char...