Html中引入css的主要方式有四種，分別是外部樣式內(nèi)部樣式內(nèi)聯(lián)樣式導(dǎo)入式一外部樣式 一 使用外部樣式的好處 1減少代碼量 ，網(wǎng)站中相同部分的樣式只需要編寫一次，我們只需要把css文件引入到不同的html頁(yè)面中即可實(shí)現(xiàn)展示效果2更改網(wǎng)站風(fēng)格方便，我們可以通過(guò)修改一個(gè)css文件就可以實(shí)現(xiàn)整個(gè)。

適用于原生的使用HTML和CSS的文件， 包括GSS本身 只要保持通用的代碼質(zhì)量， 就可以使用工具對(duì)代碼進(jìn)行混淆， 優(yōu)化和編譯說(shuō)。

參考以下html導(dǎo)入css的方式HTML 中引入 CSS 的方式 有 4 種方式可以在 HTML 中引入 CSS其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件下面我們就來(lái)看看這些方式和它們的優(yōu)缺點(diǎn)內(nèi)聯(lián)方式 內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS示例。

新建一個(gè)css文件夾，在文件夾內(nèi)創(chuàng)建一個(gè)css文件，命名為testcss，用于編寫css樣式請(qǐng)點(diǎn)擊輸入圖片描述 5 在testcss文件內(nèi)，使用div的類名進(jìn)行樣式定義，設(shè)置div的寬度高度均為200px，背景顏色為黃色請(qǐng)點(diǎn)擊輸入圖片描述 6 在testhtml文件內(nèi)，使用link標(biāo)簽導(dǎo)入testcss樣式文件，href為css路徑請(qǐng)。

把html和css文件放在一個(gè)文件夾有嵌入法，導(dǎo)入法根據(jù)查詢相關(guān)公開資料，在html文件的headhead標(biāo)簽內(nèi)，添加嵌入法linkrel=stylesheettype=textcsshref=xxxcss，導(dǎo)入法styletype=textcss@importurlxxxcssstyle。

Firebug Lite FirebugLite 集成火狐瀏覽器Web Developer 網(wǎng)頁(yè)開發(fā)者 擴(kuò)展為瀏覽器添加了各種開發(fā)者工具擴(kuò)展可用于Chrome， Firefox和OperaFirefox Font Inspector 火狐字體檢查器可以檢查編輯和調(diào)試桌面電腦和移動(dòng)設(shè)備的HTML。

外部引入CSS文件，鏈接式從外部引入css文件到HTML是比較常用的引入css文件的方式，好處在于便于修改和維護(hù)CSS樣式，而且網(wǎng)。