1. 行內式

行內式是通過標簽的style屬性來設置元素的樣式，其基本語法格式如下。

<標簽名 style="屬性1:屬性值1;屬性2:屬性值2;">內容</標簽名>

任何HTML標簽都擁有style 屬性，用來設置行內式。

2. 內嵌式

內嵌式是將CSS代碼集中寫在 HTML文檔的頭部標簽中,并且用

<style>選擇器{屬性1:屬性值1;屬性2:屬性值2;} </style>

3. 鏈入式

鏈入式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過<link/>標簽將外部樣式表文件鏈接到HTML文檔中，其基本語法格式如下。

<link href-"CSS文件的路徑” type-"text, relE"stylesheet" />

該語法中，標簽需要放在頭部標簽中，并且指定標簽的3個屬性，具體如下。

• href: 定義所鏈接外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑。
• type: 定義所鏈接的文檔類型，“text/css”表示鏈接的外部文件為CSS樣式表。
• rel: 定義當前文檔與被鏈接文檔之間的關系，在這里需要指定為“stylesheet”，表示被鏈接的文檔是一個樣式表文件。

css3與瀏覽器

為了更好地兼容不同內核的瀏覽器，CSS3中部分屬性需要添加瀏覽器的私有前綴，具體如下。

• 以-webkit-開頭的樣式，只有以Webkit為內核的瀏覽器可以解析，如Chrome、Safari。
• 以-moz-開頭的樣式，只有以Gecko為內核的瀏覽器可以解析，如Firefox。
• 以-ms-開頭的樣式，只有以Trident為內核的瀏覽器可以解析，如IE。
• 以-o-開頭的樣式，只有以 Presto為內核的瀏覽器可以解析，如Opera。

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的HTML中引入CSS的三种方式——响应式Web系列学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。