在CSS中,當你想要鏈接到外部樣式表時,你可以使用link元素來實現。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>樣式文本</h1> <p>這是一段文本。</p> </body> </html>
在這個例子中,我們可以看到link元素。它的rel屬性用來定義與文檔之間的關系,type屬性定義了鏈接的文件類型,href屬性則包含了指向CSS文件的URL。
當我們將上述代碼放入HTML文檔中并打開它,便可以從外部樣式表中獲取樣式信息,對HTML標記進行渲染。
如需自定義CSS樣式,可以在style.css中編寫相應的代碼。比如,要使文本居中需要添加以下CSS樣式:
p { text-align: center; }
通過這種方式,你可以很方便地將多個HTML頁面鏈接到同一個外部樣式表中,實現頁面美觀。
上一篇css輪播圖過渡
下一篇css轉盤活動背景圖