在網頁開發中,CSS樣式格式的引入至關重要。CSS樣式可以有效地控制網頁的排版、字體顏色、背景色等多種效果。下面我們來簡單了解一下如何引入CSS樣式格式。
<head> <link rel="stylesheet" href="style.css"> </head>
可以看到,我們需要在HTML文檔的
標簽中使用<link>標簽將CSS樣式表文件連接到HTML文檔中。其中,rel="stylesheet"
告訴瀏覽器連接的是樣式表。href="style.css"
告訴瀏覽器樣式表文件的路徑和文件名。接下來,我們需要在CSS文件中設置我們所需要的樣式格式。比如,我們可以設置全局字體顏色為黑色,如下:
body{ color: black; }
同樣地,我們可以在CSS文件中設置其他樣式,如背景顏色、字號、行距等等。這里就不一一列舉了。
在HTML文檔中,我們可以將CSS樣式應用到特定的元素上。比如,我們可以使用class
屬性指定一個元素所使用的樣式:
<p class="title">這是一個標題</p>
在CSS文件中,我們可以使用.類名
的方式來指定該類所使用的樣式。比如,這里我們可以設置.title類的樣式:
.title{ font-size: 24px; font-weight: bold; color: red; }
這樣,我們就成功地引入了CSS樣式格式,并且成功地將樣式應用到了元素上。