在HTML中,我們常常需要使用CSS來為網頁添加樣式。那么,如何將CSS導入到HTML中呢?
首先,我們需要一個CSS文件。CSS文件是一種文本文件,其中包含了關于網頁的樣式信息,如字體、顏色、布局等等。我們可以使用文本編輯器來創建CSS文件,命名為“style.css”或其他命名方式均可。
/*樣式CSS文件*/ body { font-family: Arial, sans-serif; color: #333; } h1 { font-size: 2.5rem; text-align: center; } p { font-size: 1.2rem; }
接下來,在HTML文件的頭部使用標簽來導入CSS文件。在標簽的href屬性中指定CSS文件的路徑,如下所示:
<!DOCTYPE html> <html> <head> <title>我的網頁</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一個簡單的網頁,使用CSS來添加樣式效果。</p> </body> </html>
其中,標簽要放在
標簽內。href屬性的值需要根據CSS文件所在的路徑進行設置,此處假設CSS文件和HTML文件在同一文件夾內。當瀏覽器解析HTML文件時,會自動加載CSS文件,并應用其中的樣式信息。這樣,我們就能夠輕松地為網頁添加樣式了。