熟悉CSS樣式4種的引用方式，分別為行內式、內嵌式、鏈入式和導入式。
行內式
<標簽名 style="屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;">內容</ 標簽名>
style是標簽的屬性，實際上任何HTML標簽都擁有style屬性，用來設置行內式。屬性和屬性值的書寫規范與CSS樣式規則一樣。行內式只對其所在的標簽及嵌套在其中的子標簽起作用。
e.g.
<h2 style="color:aqua; background-color: black;">TEST</h2>
內嵌式
內嵌式是將CSS代碼集中寫在HTML文檔的<head>頭部標簽中，并用<style>標簽定義，其基本語法格式如下：
<head><style type="text/css">選擇器 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;}</style>
</head>e.g.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">h2 {color:aqua;background-color: black;}</style>
</head>
<body><h2>TEST</h2>
</body>
</html>
外鏈式
外鏈式也叫鏈入式，外鏈式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過<link />標簽將外部樣式表文件鏈接到HTML文件中。外鏈式引用CSS的基本語法格式如下：
<head><link href="CSS文件的路徑" type="text/css" rel="stylesheet" />
</head>
-
href：定義所鏈接外部樣式表文件的地址，可以是相對路徑，也可以是絕對路徑。
-
type：定義所鏈接文檔的類型，這里需要指定為“text/css”，表示鏈接的外部文件為CSS。
-
rel：定義當前文檔與被鏈接文檔之間的關系，這里需要指定為“stylesheet”，表示被鏈接的文檔是一個樣式表文件。
e.g.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link href="lab.css" type="text/css" rel="stylesheet">
</head>
<body><h2>TEST</h2>
</body>
</html>
h2 {color:aqua;background-color: black;
}
導入式
導入式與鏈入式相同，都是針對外部樣式表文件的。對HTML頭部文檔應用<style>標簽，并在<style>標簽內的開頭處使用@import語句，即可導入外部樣式表文件。導入式引用CSS的基本語法格式如下：
<style type="text/css" >
@import url (CSS文件路徑);或@import "CSS文件路徑";
/*在此還可以存放其他CSS樣式*/
</sty1e>
e.g.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">@import url(lab.css);</style>
</head>
<body><h2>TEST</h2>
</body>
</html>
注意：雖然導入式和鏈入式功能基本相同，但是大多數網站都是采用鏈入式引入外部樣式表的，主要原因是兩者的加載時間和順序不同。當一個頁面被加載時，標簽引用的CSS樣式表將同時被加載，而@import引用的CSS樣式表會等到頁面全部下載完后才被加載。因此，當用戶的網速比較慢時，會先顯示沒有CSS修飾的網頁，這樣會造成不好的用戶體驗，所以大多數網站采用鏈入式。
![[BJDCTF 2020]easy_md5、[HNCTF 2022 Week1]Interesting_include、[GDOUCTF 2023]泄露的偽裝](http://pic.xiahunao.cn/[BJDCTF 2020]easy_md5、[HNCTF 2022 Week1]Interesting_include、[GDOUCTF 2023]泄露的偽裝)
接口自動化測試requests)
