將 css 代碼放置在外部文件中可提升可重用性、易于維護、提高性能、促進團隊協作并優化瀏覽器緩存:創建 .css 擴展名的文本文件。在文件中編寫 css 樣式。在 html 文件的
中使用<link>元素鏈接到外部 css 文件。
HTML外部CSS書寫方式
如何將CSS代碼放置在外部文件中?
要在外部文件中書寫CSS代碼,請按照以下步驟操作:
創建CSS文件:新建一個文本文件,并將其擴展名保存為“.css”。例如,”styles.css”。
將CSS代碼寫入文件:在文件中編寫所需的CSS樣式,類似于在HTML文件中內聯樣式。
在HTML文件中鏈接到CSS文件:在HTML文件的部分中,使用
<link>
元素鏈接到外部CSS文件。例如:
<code class="html"> <link rel="stylesheet" href="styles.css"></code>
登錄后復制
好處
使用外部CSS文件的好處包括:
可重用性:外部CSS文件可以被多個HTML文件引用,從而實現樣式的重用。
易于維護:所有樣式都集中在一個文件中,便于集中修改和維護。
提高性能:外部CSS文件可以減少HTML文件的體積,從而提升加載速度。
團隊協作:外部CSS文件使多個開發人員可以同時處理樣式而不沖突。
瀏覽器的緩存:外部CSS文件通常會被瀏覽器緩存,并在后續加載中無需重新下載。