CSS是層疊樣式表(Cascading Style Sheets)的縮寫,用于定義網(wǎng)頁的外觀和格式。在網(wǎng)頁設計中,常見的CSS樣式引用方式是在
標簽內(nèi)使用style屬性,如下所示:<body style="background-color: #f4f4f4; font-size: 16px;">
<h1>這是標題</h1>
<p>這是一段文本</p>
</body>
上述代碼中,通過style屬性為
標簽添加了背景顏色和字體大小的樣式。在CSS中,可以使用多種選擇器來選擇不同的HTML元素,并為其設定樣式。下面是一些常見的選擇器:
- 標簽選擇器:通過HTML標簽名選擇元素。例如,使用p選擇器選擇所有段落。
- 類選擇器:通過class屬性選擇元素。例如,使用.class選擇所有class屬性為“class”的元素。
- id選擇器:通過id屬性選擇元素。例如,使用#id選擇所有id屬性為“id”的元素。
下面是一個使用類選擇器的例子:
<style>
.text {
font-size: 18px;
color: #333;
}
</style>
<body>
<p class="text">這是一段使用類選擇器的文本</p>
</body>
在上述代碼中,通過.style標簽定義了.text類的樣式,為字體大小和顏色設定了值。然后,在
標簽中,使用class="text"為其應用了樣式。
總之,在網(wǎng)頁設計中,使用CSS樣式表可以為網(wǎng)頁設定美觀的外觀和格式。通過在
標簽內(nèi)使用style屬性或使用CSS選擇器,你可以輕松地為HTML元素應用樣式。