Html中引入css的主要方式有四種，分別是外部樣式、內部樣式、內聯樣式、導入式。
一、外部樣式
(一) 使用外部樣式的好處
1.減少代碼量 ，網站中相同部分的樣式只需要編寫一次，我們只需要把css文件引入到不同的html頁面中即可實現展示效果。
2.更改網站風格方便，我們可以通過修改一個css文件就可以實現整個網站的外觀修改。
3.Html頁面渲染時，css文件能夠被同時加載。
4.結構與表現分離，便于后期維護。
(二) 適用于多個頁面需要相同樣式內容的時候使用
(三) 書寫位置：新建單獨的后綴名為.css文件，使用link標簽引入到html頁面中，將link標簽放到Html頁面的head標簽中
例：
rel:規定當前文檔與被連接文檔之間的關系.
href:規定為連接文檔的位置
type:規定被連接文檔的MIME類型
二、內部樣式
(一) 使用內部樣式的好處
1.結構與表現分離，便于后期維護。
2.所有的CSS控制都是針對單獨的面，沒有多余的CSS代碼。
3.同樣頁面中相同的樣式可以重復使用。
(二) 使用內部樣式的缺點
1.只能在一個頁面中使用
2.網站更換風格麻煩
3.Css在html頁面中,頁面顯得臃腫
(三) 適用于個別頁面需要特殊樣式時
(四) 書寫位置：寫在html頁面的head標簽之間，在head標簽之間書寫style標簽
例:
三、行間樣式
(一) 使用內部樣式的好處
1. 單獨修改單個標簽的樣式
(二) 使用內部樣式的缺點
1. 結構與表現沒有分類，不利于后期維護。
2. 只能修改單個標簽的樣式，代碼重復利用率不高，代碼冗長。
(三) 適用于個別標簽需要特殊樣式時
(四) 書寫位置：在標簽的開始標簽內部書寫style=””
例:
四. 導入式
(一) 使用導入的好處
1.減少代碼量，網站中相同的部分的樣式只需要書寫一次，后續只需要把css文件引入到不同的Html頁面中即可。
2.更改網站風格方便，我們可以通過修改一個css文件，就可以修個整個網站的外觀。
3.結構與表現分離，便于后期維護。
(二) 使用導入的缺點
1.需要等Html頁面全部加載完才能加載css文件。
(三) 適用于多個頁面需要展示相同樣式的時候
(四) 書寫位置:寫在Html頁面的head標簽中的style表現中，用@import導入css文件
>>本文地址：http://www.jecan.cn/zhuanye/2019/48096.html
聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。
1 您的年齡
2 您的學歷
3 您更想做哪個方向的工作？
大前端
大數據
互聯網營銷
Java
Linux
Python
嵌入式
全域電商運營
軟件測試
室內設計
平面設計
電商設計
網頁設計
UI設計
VR/AR
網絡安全
新媒體
直播帶貨
智能機器人下一篇 第一頁
中公教育IT培訓品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號-88
京ICP證161188號
京公網安備11010802020723號
投訴建議：400-650-7353
Java培訓
軟件測試培訓
Web培訓
Linux培訓
Python培訓
互聯網營銷培訓
UI培訓
大數據培訓
官方公眾號 回復"大禮包"享福利 
領學習資料 分享IT知識 
閱讀()
分享
手機端入口
