CSS(Cascading Style Sheets,層疊樣式表)是一種樣式表語(yǔ)言,用來(lái)描述文檔的展示和布局。在CSS中,鍵值對(duì)是非常重要的。一個(gè)鍵值對(duì)由兩個(gè)部分組成,鍵和值,用冒號(hào)隔開(kāi),放在一對(duì)花括號(hào)內(nèi)。
.selector { property: value; }
在上面的代碼中,`.selector`是一個(gè)選擇器,它描述了要應(yīng)用樣式的HTML元素,`property`是CSS屬性,它描述了要設(shè)置的樣式屬性,`value`是CSS屬性值,它描述了要賦給屬性的值。
CSS中的鍵值對(duì)非常豐富,用來(lái)控制文本、背景、邊框、盒模型、定位等各種樣式。下面是一些常用的CSS屬性和一些常用的值:
/* 文本樣式 */ color: red; font-size: 20px; font-weight: bold; text-align: center; text-decoration: underline; /* 背景樣式 */ background-color: yellow; background-image: url('image.png'); background-repeat: no-repeat; background-size: cover; /* 邊框樣式 */ border: 1px solid blue; border-radius: 10px; /* 盒模型樣式 */ width: 200px; height: 100px; padding: 10px; margin: 20px; /* 定位樣式 */ position: relative; top: 100px; left: 50px; z-index: 10;
通過(guò)CSS的鍵值對(duì),我們可以輕松地控制HTML元素的樣式和布局,從而打造漂亮的網(wǎng)頁(yè)。