CSS(層疊樣式表)是網(wǎng)頁設計中不可或缺的一部分。為了實現(xiàn)頁面的樣式效果,需要將CSS文件連接到網(wǎng)頁中。
下面就讓我們來學習一下如何連接CSS文件。
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來到我的網(wǎng)頁</h1> <p>這是一段文字</p> </body> </html>
上面是一個HTML文件的基本結(jié)構(gòu),我們可以通過`<link>`標簽將CSS文件引入到HTML文件中。
`rel`屬性指定該鏈接是什么類型的鏈接(CSS樣式表、favicon圖標等),`type`屬性指定鏈接文件類型,`href`屬性則指定鏈接文件的位置。
body { background-color: #f0f0f0; } p { color: red; font-size: 16px; }
上面是一個簡單的CSS文件,其作用是將網(wǎng)頁背景顏色設為灰色,將段落字體顏色設為紅色、字號設為16像素。這個CSS文件應該被保存為`style.css`文件。
在HTML文件中,使用`<link>`標簽將CSS文件鏈接到HTML文件中的`<head>`標簽中。在CSS文件中,編寫各種樣式規(guī)則,實現(xiàn)想要的頁面效果。這就是CSS文件連接的基本方法。