將CSS導入HTML的方式有四種，分別是行內式，嵌入式，外部樣式。外部樣式又分為import導入式，link鏈接式。

一、行內式，即在HTML標簽中直接加上css樣式，用style添加。

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

 div >
效果圖：
二、嵌入式，即將html' target='_blank'>CSS樣式寫在 style type= text/css /style 中，然后將style放在 head /head 之間。
比如：在 style 中寫入樣式，將div的顏色設為橙色，字體為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導入式，link鏈接式）
外部樣式就是把css樣式代碼寫在一個單獨的外部文件中，這個外部文件以“.css”為擴展名，然后將其引入需要的HTML中。import導入式和link鏈接式的引入方法不一樣，接下來一一介紹。
1、import導入式，即在 style type= text/css /style 中用@import的URL引入。
比如：用import導入式將div的字體設為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 / 調用外部css文件來實現樣式效果。
比如：用外部樣式link將div的顏色設置為綠色，字體為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 
 效果圖：
總結：
1、行內式這種方式麻煩，查找不方便，也沒有體現CSS的優勢，因此不推薦使用。
2、嵌入式對于大的頁面不推薦使用，對于小的樣式少的網頁可以使用。
3、同樣是外部樣式，import導入式和link鏈接式的區別在哪里？使用link鏈接式，會在加載頁面主體內容之前加載CSS樣式文件，這樣用戶看到的網頁一開始就是帶有樣式效果的。如果使用import導入式，會在整個頁面加載完成后再加載CSS樣式文件，所以有時候會出現顯示無樣式情況，閃爍一下后再出現設置樣式后的效果。因此從用戶體驗來說，還是建議使用link鏈接式來引入CSS樣式。
以上介紹了4種方式將CSS導入到HTML中，具體用什么方式，還需要看情況決定，但是用的最多的還是link鏈接式，正在學習的小伙伴可以多去練習嘗試，希望對你有幫助！
以上就是分享四種方式將CSS樣式導入到HTML中的詳細內容，其它編程語言        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。