CSS 是一種風格表達語言,它被廣泛應用于網頁設計中。它能給 HTML 元素添加樣式和布局,并且允許我們在頁面中創建不同的視覺效果。在此介紹一些常見的 CSS 標簽的用法。
/* .class 選擇器 */ .text { font-size: 18px; color: #333; }
.class 選擇器可以選擇 HTML 頁面中具有相同 class 屬性的元素,對它們進行相同的樣式設置。上面的例子中,所有擁有 class 屬性為 "text" 的元素都會設置字體大小為 18px,顏色為 #333。
/* #id 選擇器 */ #logo { width: 120px; height: 80px; }
#id 選擇器可以根據元素的 id 屬性選擇單獨的一個元素,對其進行樣式設置。上面的例子中,選擇 id 屬性為 "logo" 的元素,設置寬度為 120px,高度為 80px。
/* 標簽選擇器 */ h1 { font-size: 28px; }
標簽選擇器是根據 HTML 標簽進行選擇,對此類標簽進行樣式設置。上面的例子中,選擇 h1 標簽,設置字體大小為 28px。
/* 組合選擇器 */ h1.title { font-weight: bold; }
組合選擇器是將多個選擇器組合起來實現更精準的選擇,中間使用空格分隔。上面的例子中,選擇同時具有 "title" class 屬性和 h1 標簽的元素,設置字體加粗。
總之,掌握 CSS 的標簽使用可以讓我們更容易地對網頁進行樣式設置和布局,使頁面具有更好的視覺效果。
上一篇css標簽中的顏色