在HTML中,我們經常使用CSS樣式來裝飾網頁內容。那么,如何引入CSS樣式呢?
<head> <title>網頁標題</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
使用上述代碼可以將樣式文件<style.css>引入HTML文件中。
其中,<link>標簽是用來定義鏈接的關系。在這里,我們使用rel="stylesheet"來指明這個鏈接是引入CSS樣式表的。type="text/css"則表示這個文件是CSS類型的,href="style.css"則是引入的鏈接地址。
另一種引入方式是使用內部樣式表,即將CSS樣式表嵌入到HTML文件中。
<head> <title>網頁標題</title> <style> p { color: blue; font-size: 16px; } </style> </head>
上述代碼中,<style>標簽中嵌套了一段CSS樣式代碼,這個樣式定義了段落(p)文字顏色為藍色,文字大小為16像素。
這種內部樣式表的方式在某些情況下會很有用,比如需要為一個特定的頁面設置不同的樣式時。
最后一種引入方式是使用內聯樣式表,即將樣式直接添加到HTML標簽中。
<p style="color: blue; font-size: 16px;">段落文字</p>
上述代碼中,<p>標簽中直接加入了style屬性,這個屬性里定義了段落文字顏色為藍色,文字大小為16像素。
這種方式一般不建議使用,因為它會讓HTML文件變得臃腫,樣式容易混淆。