網頁中引用外部css文件有兩種方式：link和@import，兩者引用的方式在頁面上的展現效果是一樣的。link引用方式如下：
<link href="styles.css" type="text/css" />
@import引用方式如下：
<style type="text/css">@import url("styles.css");</style>
差別1 ：適用范圍不同 @import可以在網頁頁面中使用，也可以在css文件中使用，用來將多個css文件引入到一個css文件中；而link只能將css文件引入到網頁頁面中。 差別2： 功能范圍不同 link屬于XHTML標簽，而@import是CSS提供的一種方式，link標簽除了可以加載CSS外，還可以定義RSS，定義rel連接屬性等，@import就只能加載CSS。
差別3： 加載順序不同 當一個頁面被加載的時候，link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網速慢的時候還挺明顯。
差別4： 兼容性 由于@import是css2.1提出的，所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。
差別5： 控制樣式時的差別 使用link方式可以讓用戶切換CSS樣式.現代瀏覽器如Firefox,Opera,Safari都支持rel=”alternate stylesheet”屬性(即可在瀏覽器上選擇不同的風格),當然你還可以使用Javascript使得IE也支持用戶更換樣式。
1、先啟動DW軟件，新建文檔，文檔類型選擇【</>HTML】-【XHTML1.0】，然后點擊【創建】。
2、點擊創建后，DW會為你創建一個HTML文件。我們在body標簽中加入一個div標簽組。
3、然后在div標簽中輸入下圖中的代碼，style代表了這個div直接引入了CSS屬性值。（div的寬、高、字體顏色），這樣就成功啦。屬性值要在英文的引號中，否則是不起作用的呢。
嵌入式引入CSS樣式方法
1、我們創建一個HTML頁面，在body標簽中添加一個div標簽組。
2、然后在上面的head標簽中（title標簽下），輸入引用CSS的代碼style標簽。（如下圖）
3、然后在標簽中輸入一個CSS名稱以及相關的樣式。要注意看下圖的格式，別少輸入了。
4、最后在下方的div標簽中，引入cass，并輸入對應的樣式名稱。（如下圖）這樣就成功引入了CSS樣式啦。這就是嵌入式的方法。
css選擇器優先級核心：每個選擇器本身有優先級，作用范圍越具體優先級越高。
CSS優先級從高到低分別是：
1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內聯樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規則由多個選擇器組成時，id選擇器的權值為1000，class選擇器為100，標簽選擇器為10，按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時，誰更具體用誰，也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣，后面樣式會覆蓋前面的！
hbuilder只是開發工具，和別的開發工具一樣，怎么把css寫到html里，有4種方法：
1、行內樣式
行內樣式就是把 CSS 樣式直接放在代碼行內的標簽中，一般都是放入標簽的style屬性中，由于行內樣式直接插入標簽中，故是最直接的一種方式，同時也是修改最不方便的樣式。
【示例1】針對段落、<h2> 標簽、<em> 標簽、<strong>標簽以及 <div> 標簽，分別應用 CSS 行內樣式。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>行內樣式</title>
</head>
<body>
<p style="background-color: #999900">行內元素，控制段落-1</p >
<h2 style="background-color: #FF6633">行內元素，h2 標題元素</h2>
<p style="background-color: #999900">行內元素，控制段落-2</p >
<strong style="font-size:30px;">行內元素，strong 比 em 效果要強</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">
行內元素，div 塊級元素</div>
<em style="font-size:2em;">行內元素，em 強調</em>
</body>
</html>2、內嵌式
內嵌式通過將 CSS 寫在網頁源文件的頭部，即在 <head> 和 <head> 之間，通過使用 HTML 標簽中的 <style> 標簽將其包圍，其特點是該樣式只能在此頁使用，解決行內樣式多次書寫的弊端。
【示例2】為段落設置內嵌式樣式書寫方法，減少代碼量。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>內嵌式</title>
<style type="text/css">
p{
text-align: left; /*文本左對齊*/
font-size: 18px; /*字體大小 18 像素*/
line-height: 25px; /*行高 25 像素*/
text-indent: 2em; /*首行縮進2個文字大小空間*/
width: 500px; /*段落寬度 500 像素*/
margin: 0 auto; /*瀏覽器下居中*/
margin-bottom: 20px; /*段落下邊距 20 像素*/
}
</style>
</head>
<body>
<p>這是一個文本段落，這是一個文本段落，這是一個文本段落。</p >
</body>
</html>3、鏈接式
鏈接式通過 HTML 的 <link> 標簽，將外部樣式表文件鏈接到 HTML 文檔中，這也是網絡上網站應用最多的方式，同時也是最實用的方式。這種方法將 HTML 文檔和 CSS 文件完全分離，實現結構層和表示層的徹底分離，增強網頁結構的擴展性和 CSS 樣式的可維護性。
4、導入樣式
導入樣式使用 @import 命令導入外部樣式表。導入樣式有 6 種書寫方式：
@import daoru.css;
@import 'daomxss';
@import "daoru.css";
@import url(daoru.css);
@import url('daoru.css');
@import url("daoru.css");
以上就是css怎么嵌入html？的詳細內容。