網頁設計中的關鍵字

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

    關鍵字

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

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

    background-repeat:no-repeat;

    background-position:top right;}

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

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

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

    如果只出現了一個關鍵字,則認為另一個關鍵字是center。表9-1顯示了等價的關鍵字。

    表9-1:等價的位置關鍵字

    單個關鍵字

    等價關鍵字

    center

    center center

    top

    top center center top

    bottom

    bottom center center bottom

    right

    center right right center

    left

    center left left center

    所以,如果網頁設計人員希望每個段落的中部上方出現一個圖像,只需如下聲明:

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

    當前文章標題:網頁設計中的關鍵字

    當前URL:http://www.moniquemcdaniel.com/news/wzzz/keyword.html

    上一篇:網頁設計中的背景定位

    下一篇:網頁設計中的百分數值

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    亚洲 欧美 中文 日韩a v一区,精品无码精品中文字幕三区,国产在线麻豆自在拍91精品,免费av在线无码不卡