引入CSS樣式的三種方式
1.行內式
<標記名 style="屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;">內容</標記名>
該語法中style是標記的屬性，實際上任何HTML標記都擁有style屬性，用來設定行內式。其中屬性和值的書寫規範與CSS樣式規則相同，行內式只對其所在的標記及巢狀在其中的子標記起作用。
<body> <h2 style="font-size:20px;color:red;">使用CSS行內式修飾二級標題的字型大小和顏色</h2> </body>
行內式也是通過標記的屬性來控制樣式的，這樣並沒有做到結構與表現的分離，所以一般很少使用。只有在樣式規則較少且只在該元素上使用一次，或者需要臨時修改某個樣式規則時使用。
2.內嵌式
<head>
<style type="text/css">
選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}
</style>
</head>
該語法中，<style>標記一般位於<head>標記中的<title>標記之後，也可以把它放在HTML文件的任何地方。但是由於瀏覽器是從上到下解析程式碼的，把CSS程式碼放在頭部便於提前被下載和解析，以避免網頁內容下載後沒有樣式修飾帶來的尷尬。同時必須設定type的屬性值為“text/css“，這樣瀏覽器才知道<style>標記包含的是CSS程式碼，因為<style>標記還可以包含其他程式碼，如JavaScript程式碼。
<head> <title>內嵌式引入CSS樣式表</title> <style type="text/css"> h2{text-align:center;} p{font-size:16px;color:red;text-decoration:underline;} </style> </head> <body> <h2>內嵌式CSS樣式</h2> <p>使用style標記可定義內嵌式CSS樣式表，style標記一般位於head頭部標記中，title標記之後。</p> </body>
內嵌式CSS樣式只對其所在的HTML頁面有效，因此，僅設計一個頁面時，使用內嵌式是個不錯的選擇。但如果在一個網站，不建議使用這中方式，因為它不能充分發揮CSS程式碼的重用優勢。
3.鏈入式
鏈入式是將所有的樣式放在一個或多個以.css為副檔名的外部樣式表文件中，通過<like/>標記將外部樣式表文件連結到HTML文件中。
<head>
<like href="CSS檔案的路徑" type="text/css" rel="stylesheet"/>
</head>
該語法中，<like/>標記需要放在<head>頭部標記中，並且必須指定<like/>標記的三個屬性。如下：
href：定義所連結外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑。
type：定義所連結文件的型別，在這裡需要制定為”text/css“，表示連結的外部檔案為CSS樣式表。
rel：定義當前文件與被連結文件之間的關係，在這裡需要指定為”stylesheet“，表示被連結的文件是一個樣式表文件。
---------------------
作者：WinkJie
來源：CSDN
原文：https://blog.csdn.net/qq_36662459/article/details/90733211
版權宣告：本文為博主原創文章，轉載請