當我們開發網站時,經常需要使用外部的樣式表文件來實現頁面的樣式效果。此時,便需要使用外鏈式飲用CSS的方法。
首先,我們需要創建一個CSS文件并編寫樣式代碼,例如:
body { background-color: #f0f0f0; font-family: Arial, Sans-serif; font-size: 14px; } h1 { color: #333; font-size: 24px; text-align: center; } .container { padding: 20px; margin: 0 auto; max-width: 960px; }接著,我們需要在HTML文件中使用link標簽來引用CSS文件。在標簽內增加以下代碼:其中,rel屬性指定標簽與文檔之間的關系,type屬性指定文件的MIME類型,href屬性指定CSS文件的路徑。 最后,我們可以在HTML文件的各個元素中使用CSS樣式,例如:
<body> <h1>網站標題</h1> <div class="container"> <p>這是一段示例文本。</p> </div> </body>通過以上方法,我們就可以實現外鏈式飲用CSS,使網站頁面獲得更好的樣式效果。