在HTML上打開CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Hello, World!</h1> <p>Lorem ipsum dolor sit amet.</p> </body> </html>
在HTML中,要在網頁中呈現CSS樣式,我們需要通過標簽向HTML文件中鏈接CSS文件。
在HTML的頭部(<head>)中,添加以下HTML代碼:
<link rel="stylesheet" type="text/css" href="style.css">
其中,type="text/css"表示這是一個CSS文件,href="style.css"指向需要鏈接的CSS文件路徑。當HTML文件加載時,會自動加載指定的CSS文件。
在CSS文件(例如上例中的style.css)中,我們可以寫下具體的CSS樣式,例如改變文本顏色:
h1 { color: red; }
這段代碼將把HTML文檔中的所有h1標簽的顏色設置為紅色。
經過上述步驟,我們就可以通過HTML與CSS相結合,呈現出美觀的網頁。