在網(wǎng)頁中,使用CSS可以讓網(wǎng)頁變得更加美觀。為了方便多個頁面共用同一套CSS樣式,我們可以通過外部樣式文件調(diào)用CSS。
<link rel="stylesheet" href="style.css">
其中,“rel”屬性定義文檔與被鏈接資源之間的關系,此處為“stylesheet”,表示被鏈接資源是一個樣式表;“href”屬性指定被鏈接資源的位置,此處是在同一級目錄下的“style.css”文件。
樣式文件中可以定義多個類、標簽和ID的樣式。例如:
.title { font-size: 24px; color: #333; } p { font-size: 16px; line-height: 1.5; } #main { width: 80%; margin: 0 auto; }
在HTML文件中,我們可以通過class和id屬性來給元素添加相應的樣式:
<div class="title">這是一個標題</div> <p>這是一個段落</p> <div id="main">這是主要內(nèi)容</div>
這些元素會根據(jù)定義好的樣式來顯示。當需要修改樣式時,只需修改樣式文件,就能同時在多個頁面上生效。
上一篇data() vue里