前端網頁開發越來越重要，如何高效地引用CSS和JS文件也成為了開發者需要掌握的技能之一。下面將詳細介紹如何引用這兩種文件。
CSS引用
在HTML中引用CSS文件，有兩種方法：
1. 通過Link標簽引用外部CSS文件
使用link標簽來引用外部CSS文件，需要在head標簽中添加如下代碼：
<head> <link rel="stylesheet" type="text/css" href="css文件路徑"/> </head>其中， href 屬性表示CSS文件的路徑，可以是相對路徑或絕對路徑。 2. 在style標簽中直接定義CSS樣式 使用style標簽來定義CSS樣式，需要在head標簽中添加如下代碼：
<head> <style type="text/css"> 樣式定義 </style> </head>此時，所有的CSS樣式都在style標簽中定義，而不是在外部文件中。 JS引用 在HTML中引用JS文件，同樣有兩種方法： 1. 通過script標簽引用外部JS文件 使用script標簽來引用外部JS文件，需要在body或head標簽中添加如下代碼：
<head> <script type="text/javascript" src="js文件路徑"></script> </head>其中，src 屬性表示JS文件的路徑，可以是相對路徑或絕對路徑。 2. 在script標簽中直接編寫JS腳本 在script標簽中直接編寫JS腳本，需要在body或head標簽中添加如下代碼：
<head> <script type="text/javascript"> JS腳本 </script> </head>此時，所有的JS腳本都在script標簽中定義，而不是在外部文件中。 總結 通過上述介紹，我們可以發現，引用CSS和JS文件都是通過在HTML中添加相應的標簽來實現的。具體采用哪種方法，取決于你的需求和實際情況。在實際開發中，更多的是采用引用外部文件的方式，這樣可以讓代碼更加規范和易維護。