如果想要在網頁上應用自定義的樣式,就需要調用.css文檔。下面是調用.css的簡單步驟:
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
其中,<link>標簽用于指定.css文檔的位置,rel屬性設為“stylesheet”表示該文檔是樣式表,type屬性指定為“text/css”表示文檔類型為樣式表,href屬性則表示.css文檔的文件路徑。
在上述代碼中,styles.css代表自定義樣式表的文件名。在.css文檔中,可以定義各種樣式,例如:
body { background-color: #f0f0f0; color: #333; } h1 { font-size: 32px; font-weight: bold; }
在這個樣式表中,指定了整個頁面的背景色和文本顏色,以及標題的字號和字體加粗程度。如果要應用這些樣式,可以直接在HTML文檔中使用相應的HTML標記,例如:
<html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>這是標題</h1> <p>這是一段正文。</p> </body> </html>
在這個例子中,標題和段落被放置在HTML標記<h1>和<p>中,但它們將應用定義在樣式表中的樣式。