網(wǎng)頁設(shè)計中的關(guān)鍵字

  • 2019-01-23 18:19:17
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.americanwasteexpansions.com

關(guān)鍵字

網(wǎng)站建設(shè)中圖像放置關(guān)鍵字最容易理解。其作用如其名所表明的,例如,top right使原圖像放在元素內(nèi)邊距區(qū)的右上角。再回過頭來看先前的那個小“陰陽”符號:

p {background-image:url(yinyang.gif);

background-repeat:no-repeat;

background-position:top right;}

這會在每個段落內(nèi)邊距右上角放置一個不重復(fù)的原圖像。其結(jié)果(如圖9-22所示)與將位置聲明為right top是一樣的。(根據(jù)規(guī)范)位置關(guān)鍵字可以按任何順序出現(xiàn),只要網(wǎng)頁設(shè)計師保證不能超過兩個關(guān)鍵字個對應(yīng)水平方向,另一個對應(yīng)垂直方向。

圖9-22:在段落右上角放置背景圖像

警告:Netscape 6.x系列有一個bug,如果規(guī)則中background-position關(guān)鍵字采用了某種特定順序,這個bug會使瀏覽器忽略這條規(guī)則。為了避免這個bug,要確保關(guān)鍵字先指定水平放置,然后是垂直放置。因此,應(yīng)當(dāng)寫作left center而不是center left。

如果只出現(xiàn)了一個關(guān)鍵字,則認(rèn)為另一個關(guān)鍵字是center。表9-1顯示了等價的關(guān)鍵字。

表9-1:等價的位置關(guān)鍵字

單個關(guān)鍵字

等價關(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)頁設(shè)計人員希望每個段落的中部上方出現(xiàn)一個圖像,只需如下聲明:

p{background-image:url(yinyang.gif);background-repeat:no-repeat;background-position:top;}

當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計中的關(guān)鍵字

當(dāng)前URL:http://www.americanwasteexpansions.com/news/wzzz/keyword.html

上一篇:網(wǎng)頁設(shè)計中的背景定位

下一篇:網(wǎng)頁設(shè)計中的百分?jǐn)?shù)值

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)