說(shuō)完XHTML網(wǎng)站制作的基礎(chǔ)知識(shí),接下來(lái)就是我們的重頭戲CSS了。要將CSS 應(yīng)用到XHTML 中,首先要做的是選擇一個(gè)合適的選擇器,這是CSS 控制XHTML 文檔中對(duì)象的一種方式。簡(jiǎn)單的說(shuō)就是用來(lái)告訴瀏覽器這個(gè)樣式將應(yīng)用到哪個(gè)對(duì)象上。CSS屬性與選擇符
CSS的語(yǔ)法結(jié)構(gòu)只由3部分組成: 選擇器(Selector)、屬性(Property)和值(Value)。
:使用方法
選擇器{Property:Value;}
選擇器(Selector),也稱為選擇器,指的是這組樣式代碼要針對(duì)的對(duì)象。可以是XHTML標(biāo)簽(如body,h1),也可以是定義了特定id或class的標(biāo)簽(如#main, selector表示選擇div id='main',即賦值對(duì)象id 名為main)。瀏覽器會(huì)嚴(yán)格解析CSS選擇器,每一組樣式都會(huì)被瀏覽器應(yīng)用到對(duì)應(yīng)的對(duì)象上。
屬性(Property)是CSS樣式控制的核心。 CSS為每一個(gè)XHTML標(biāo)簽提供了豐富的樣式屬性,如顏色、大小、定位、浮動(dòng)模式等。
值(value)是指屬性的值。有兩種形式,一種是指定范圍的值(比如float屬性,只能用left,right,none三個(gè)值),一種是一個(gè)值(比如width可以用0 -9999px 或其他指定的數(shù)學(xué)單位)。
在實(shí)際應(yīng)用中,我們經(jīng)常使用以下幾類申請(qǐng)表:
身體{background-color:blue;}
表示選擇器為body,即選擇頁(yè)面中的body標(biāo)簽,屬性為background-color。該屬性用于控制對(duì)象的背景顏色,其位為藍(lán)色??梢钥闯?,利用這組css代碼,將頁(yè)面中body對(duì)象的背景顏色定義為藍(lán)色。
除了定義單個(gè)屬性外,還可以為單個(gè)標(biāo)簽定義一個(gè)或多個(gè)屬性,每個(gè)屬性之間用分號(hào)分隔。類型選擇符
上面的body{} 是一個(gè)類型選擇器。所謂類型選擇器,是指以網(wǎng)頁(yè)中已有的標(biāo)簽名作為名稱的選擇器。 body是網(wǎng)頁(yè)中的標(biāo)簽名,div也是,span也不例外。所以下面的選擇器都是類型選擇器,它們會(huì)控制頁(yè)面中所有的body(body自然只有一個(gè)).div或者span。
身體{}
股息{}
跨度{}
我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!