CSS是層疊樣式表(Cascading Style Sheets)的縮寫,用于控制Web頁面的布局和風格。為了使網頁變得美觀而有序,我們需要引入CSS文件。以下是引入CSS文件的寫法:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>引入CSS文件示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>我的網頁</h1> <p>歡迎來到我的網頁!</p> </body> </html>
以上代碼中,我們通過<link>標簽引入了一個名為style.css的CSS文件,并將其鏈接到HTML文件中。該鏈接被放置在<head>標簽的內部,以確保在網頁加載和顯示時CSS文件首先被讀取。
在style.css文件中,我們可以使用CSS語法來定義頁面元素的外觀。以下是一些CSS樣式聲明的示例:
/* 對所有h1元素應用樣式 */ h1 { color: red; font-size: 36px; } /* 對所有p元素應用樣式 */ p { color: blue; font-size: 18px; }
通過引入CSS文件,我們可以創建令人印象深刻的、易于維護的Web頁面,而無需在每個HTML文件中手動編寫樣式。此外,這樣做還使樣式和內容得到了更好的分離,使得在需要更改樣式時更加容易。
上一篇html5簡歷模板代碼
下一篇mac css開發工具