關(guān)鍵字
網(wǎng)站建設(shè)中圖像放置關(guān)鍵字最容易理解。其作用如其名所表明的,例如,top right使原圖像放在元素內(nèi)邊距區(qū)的右上角。再回過(guò)頭來(lái)看先前的那個(gè)小“陰陽(yáng)”符號(hào):
p {background-image:url(yinyang.gif);
background-repeat:no-repeat;
background-position:top right;}
這會(huì)在每個(gè)段落內(nèi)邊距右上角放置一個(gè)不重復(fù)的原圖像。其結(jié)果(如圖9-22所示)與將位置聲明為right top是一樣的。(根據(jù)規(guī)范)位置關(guān)鍵字可以按任何順序出現(xiàn),只要網(wǎng)頁(yè)設(shè)計(jì)師保證不能超過(guò)兩個(gè)關(guān)鍵字個(gè)對(duì)應(yīng)水平方向,另一個(gè)對(duì)應(yīng)垂直方向。
圖9-22:在段落右上角放置背景圖像
警告:Netscape 6.x系列有一個(gè)bug,如果規(guī)則中background-position關(guān)鍵字采用了某種特定順序,這個(gè)bug會(huì)使瀏覽器忽略這條規(guī)則。為了避免這個(gè)bug,要確保關(guān)鍵字先指定水平放置,然后是垂直放置。因此,應(yīng)當(dāng)寫(xiě)作left center而不是center left。
如果只出現(xiàn)了一個(gè)關(guān)鍵字,則認(rèn)為另一個(gè)關(guān)鍵字是center。表9-1顯示了等價(jià)的關(guān)鍵字。
表9-1:等價(jià)的位置關(guān)鍵字
單個(gè)關(guān)鍵字
等價(jià)關(guān)鍵字
center
center center
top
top center center top
bottom
bottom center center bottom
right
center right right center
left
center left left center
所以,如果網(wǎng)頁(yè)設(shè)計(jì)人員希望每個(gè)段落的中部上方出現(xiàn)一個(gè)圖像,只需如下聲明:
p{background-image:url(yinyang.gif);background-repeat:no-repeat;background-position:top;}
當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)里的關(guān)鍵字
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3284.html
上一篇:匹配字符串
下一篇:使用數(shù)組