將CSS導(dǎo)入HTML的方式有四種，分別是行內(nèi)式，嵌入式，外部樣式。外部樣式又分為import導(dǎo)入式，link鏈接式。

一、行內(nèi)式，即在HTML標(biāo)簽中直接加上css樣式，用style添加。

比如：將div中的字體設(shè)置為40px，顏色設(shè)為紅色。代碼如下：

 div >
效果圖：
二、嵌入式，即將html' target='_blank'>CSS樣式寫在 style type= text/css /style 中，然后將style放在 head /head 之間。
比如：在 style 中寫入樣式，將div的顏色設(shè)為橙色，字體為40px。代碼如下：
 html  head  meta charset= UTF-8  title /title  style type= text/css  div{font-size: 40px;color: orange;} /style  /head  body  div 今天星期二 /div  /body  /html 
效果圖：
三、外部樣式（外部樣式又分為import導(dǎo)入式，link鏈接式）
外部樣式就是把css樣式代碼寫在一個(gè)單獨(dú)的外部文件中，這個(gè)外部文件以“.css”為擴(kuò)展名，然后將其引入需要的HTML中。import導(dǎo)入式和link鏈接式的引入方法不一樣，接下來一一介紹。
1、import導(dǎo)入式，即在 style type= text/css /style 中用@import的URL引入。
比如：用import導(dǎo)入式將div的字體設(shè)為40px,顏色為黃色。代碼如下：
 head  meta charset= UTF-8  title /title  style type= text/css  @import url( css/import.css  /style  /head  body  div 今天星期三 /div  /body 
效果圖：
2、link鏈接式，即在 head /head 中添加 link rel= stylesheet type= text/css href= css/index.css / 調(diào)用外部css文件來實(shí)現(xiàn)樣式效果。
比如：用外部樣式link將div的顏色設(shè)置為綠色，字體為40px。代碼如下：
 html  head  meta charset= UTF-8  title /title  link rel= stylesheet type= text/css href= css/index.css /  /head  body  div 今天星期三 /div  /body  /html 
 效果圖：
總結(jié)：
1、行內(nèi)式這種方式麻煩，查找不方便，也沒有體現(xiàn)CSS的優(yōu)勢(shì)，因此不推薦使用。
2、嵌入式對(duì)于大的頁(yè)面不推薦使用，對(duì)于小的樣式少的網(wǎng)頁(yè)可以使用。
3、同樣是外部樣式，import導(dǎo)入式和link鏈接式的區(qū)別在哪里？使用link鏈接式，會(huì)在加載頁(yè)面主體內(nèi)容之前加載CSS樣式文件，這樣用戶看到的網(wǎng)頁(yè)一開始就是帶有樣式效果的。如果使用import導(dǎo)入式，會(huì)在整個(gè)頁(yè)面加載完成后再加載CSS樣式文件，所以有時(shí)候會(huì)出現(xiàn)顯示無樣式情況，閃爍一下后再出現(xiàn)設(shè)置樣式后的效果。因此從用戶體驗(yàn)來說，還是建議使用link鏈接式來引入CSS樣式。
以上介紹了4種方式將CSS導(dǎo)入到HTML中，具體用什么方式，還需要看情況決定，但是用的最多的還是link鏈接式，正在學(xué)習(xí)的小伙伴可以多去練習(xí)嘗試，希望對(duì)你有幫助！
以上就是分享四種方式將CSS樣式導(dǎo)入到HTML中的詳細(xì)內(nèi)容，其它編程語言        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。