構(gòu)造CSS規(guī)則

2018-09-24 11:56 更新

現(xiàn)實(shí)世界中,認(rèn)識(shí)一個(gè)對(duì)象,需要從兩個(gè)方面入手,一個(gè)是特征,一個(gè)是行為。特征可以理解為現(xiàn)實(shí)對(duì)象的屬性,例如每個(gè)人都有身高。同樣可以對(duì)小轎車的屬性進(jìn)行如下描述。


小轎車{

      車身顏色:紅色;

      輪子:4個(gè);

      品牌:紅旗

      車體:兩箱;

}


通過這樣的描述,我們就能想象到這個(gè)車的情況。整個(gè)描述由3個(gè)元素組成:對(duì)象、屬性和屬性值。括號(hào)內(nèi)的每一行分別描述了這個(gè)小轎車的一個(gè)屬性和屬性值。


CSS作為一種語(yǔ)言也是符合現(xiàn)實(shí)世界中認(rèn)識(shí)對(duì)象是思維,通過屬性來顯示對(duì)象。例如,可以將一個(gè)段落作為對(duì)象,其中段落的字體大小、字體顏色、字形都可以作為段落的特征,CSS可以用這些屬性值來定義段落形式。


段落{

      字體:宋體;

      大小:16像素;

      顏色:藍(lán)色;

}


我們把上面的文字描述轉(zhuǎn)成頁(yè)面語(yǔ)言,如下:


CSS頁(yè)面語(yǔ)言


這就是CSS語(yǔ)言的表述方式。由此可見,CSS語(yǔ)言規(guī)則其實(shí)跟大多數(shù)語(yǔ)言一樣,都是采用屬性來描述對(duì)象的。


總之,CSS語(yǔ)言對(duì)于一個(gè)對(duì)象的描述就是通過屬性和屬性值進(jìn)行表達(dá),一個(gè)CSS描述中必定包括“對(duì)象”、“屬性”和“屬性值”3個(gè)基本部分。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)