外部載入 CSS 是一種網頁設計中經常使用的技巧。通常來說,CSS 是一種定義網頁樣式的語言,能夠讓網頁開發者通過 CSS 操作 HTML 的各個元素,改變它們的顏色、字體、大小、布局等等。
而外部載入 CSS 則是將 CSS 文件從網頁的 HTML 代碼中分離出來,放在一個獨立的文件里,并通過鏈接鏈接到網頁中。這種做法的好處有很多,例如:
- 優化網頁性能。外部 CSS 文件只需要在第一次加載時下載一次,接下來的所有頁面都可以復用同一個文件,減少了服務器的負擔和客戶端的下載時間。同時,HTML 代碼也變得更加簡潔、易于維護。
- 統一樣式。外部 CSS 文件可以被多個頁面共享,從而統一了整個網站的樣式設計。開發者可以在 CSS 文件中定義全局的樣式,例如網站的主色調、字體、間距、邊框等等。
- 易于修改。將 CSS 文件從 HTML 中分離出來,使得開發者可以更加方便地修改樣式。只需要修改 CSS 文件,就能夠讓整個網站的樣式發生改變。
要實現外部載入 CSS,可以使用 HTML 中的<link>
標簽。通過<link>
標簽,可以將一個 CSS 文件鏈接到網頁中。例如:
<link rel="stylesheet" href="style.css">
這行代碼可以將名為 "style.css" 的 CSS 文件鏈接到當前 HTML 頁面中。