css樣式是由什么組成的

本篇內(nèi)容主要講解“css樣式是由什么組成的”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css樣式是由什么組成的”吧!

CSS樣式由選擇器、屬性和值三部分構(gòu)成。選擇器通常是你希望定義的HTML元素或標(biāo)簽，屬性是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號(hào)分開，并由花括號(hào)包圍，這樣就組成了一個(gè)完整的樣式聲明。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS語(yǔ)法由三部分構(gòu)成，分別：選擇器、屬性和值。

selector {property: value}

選擇器{屬性:屬性值}

選擇器 (selector) 通常是你希望定義的 HTML 元素或標(biāo)簽，屬性 (property) 是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號(hào)分開，并由花括號(hào)包圍，這樣就組成了一個(gè)完整的樣式聲明（declaration）。

例：

body {color: blue}

上面這行代碼的作用是將 body 元素內(nèi)的文字顏色定義為藍(lán)色。在上述例子中，body 是選擇器，而包括在花括號(hào)內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color 為屬性，blue 為值。

css代碼由 選擇器，以及一條或多條聲明構(gòu)成，聲明又由屬性和值構(gòu)成。也可以說(shuō)css代碼由選擇器、屬性、值構(gòu)成，如下面的代碼示例：

選擇器 {
    屬性1: 值1;
    屬性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}

選擇器 .div1

屬性 width 值 100px

屬性 height 值 200px

到此，相信大家對(duì)“css樣式是由什么組成的”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！