<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > css >
      • css教程之顏色及背景屬性

      • 2015-01-24 09:52 來源:未知
      顏色及背景屬性(相關css教程
      • 顏色
      • 背景顏色
      • 背景圖象
      • 背景重復
      • 背景附件
      • 背景位置
      • 背景
       顏色
      語法: color: <顏色>
      初始值: 由瀏覽器決定
      適用于: 所有對象
      向下兼容:
        顏色屬性允許網頁制作者指定一個元素的顏色。查看單位可以知道顏色值的描述. 一些顏色規則的例子包括:
      H1 { color: blue }
      H2 { color: #000080 }
      H3 { color: #0c0 }
        為了避免與用戶的樣式表之間的沖突,背景顏色屬性應該始終一起指定。
       背景顏色
      語法: background-color: <值>
      允許值: <顏色> | transparent (透明)
      初始值: transparent (透明)
      適用于: 所有對象
      向下兼容:
        背景顏色屬性設定一個元素的背景顏色。例如:
      BODY { background-color: white }
      H1   { background-color: #000080 }
        為了避免與用戶的樣式表之間的沖突,無論任何背景顏色被使用的時候,背景圖象都應該被指定。而大多數情況下,background-image: none都是合適的。
        網頁制作者也可以使用略寫的背景屬性,通常會比背景顏色屬性獲得更好的支持。
       背景圖象
      語法: background-image: <值>
      允許值: <統一資源定位URLs> | none (無)
      初始值: none (無)
      適用于: 所有對象
      向下兼容:
        背景圖象屬性設定一個元素的背景圖象。例如:
      BODY { background-image: url(/images/foo.gif) }
      P    { background-image: url(http://www.htmlhelp.com/bg.png) }
        為了那些不載入圖象的瀏覽者,當定義了背景圖象后,應該也要定義一個類似的背景顏色。
        網頁制作者也可以使用略寫的背景屬性,通常會比背景圖象屬性獲得更好的支持。
       背景重復
      語法: background-repeat: <值>
      允許值: repeat | repeat-x | repeat-y | no-repeat
      初始值: repeat
      適用于: 所有對象
      向下兼容:
        背景重復屬性決定一個指定的背景圖象如何被重復。值為repeat-x時,圖象橫向重復,當值為repeat-y時圖象縱向重復。例如:
      BODY { background: white url(candybar.gif);
             background-repeat: repeat-x }
        在以上例子中, 圖象只會被橫向平鋪。
        網頁制作者也可以使用略寫的背景屬性,通常會比背景重復屬性獲得更好的支持。
       背景附件
      語法: background-attachment: <值>
      允許值: scroll | fixed
      初始值: scroll
      適用于: 所有對象
      向下兼容:
        背景附件屬性決定指定的背景圖象是跟隨內容滾動,還是被看作油畫固定不動。例如,以下指定一個固定的背景圖象:
      BODY { background: white url(candybar.gif);
             background-attachment: fixed }
        網頁制作者也可以使用略寫的背景屬性,通常會比背景附件屬性獲得更好的支持。
       背景位置
      語法: background-position: <值>
      允許值: [百分比 | <長度>]{1,2} | [top | center | bottom] || [left | center | right]
      初始值: 0% 0%
      適用于: 塊級及替換元素
      向下兼容:
        圖象位置屬性給出指定背景圖象的最初位置。這個屬性只能應用于塊級元素和替換元素。(替換元素僅指一些已知原有尺寸的元素。HTML替換元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT。)
        安排背景位置最容易的方法是使用關鍵字:
      • 橫向的關鍵字 (left, center, right)
      • 縱向的關鍵字 (top, center, bottom)
        百分比和長度也可用作安排背景圖象的位置。百分比和元素字體大小有關。雖然使用長度是允許的,但因為它們處理不同的顯示分辨率有不可避免的缺點,所以不被推薦。
        當使用百分比或長度時,需首先指定橫向位置,接著是縱向位置。一個值,例如20% 65%,指定圖象的左起20%上起65%的那點會被放在元素的左起20%上起65%的那點的所在位置。一個值如5px 10px,指定圖象的左上角會被放在元素的左起5像素上起10像素的位置。
        如果僅給出橫向的值,縱向位置的值為50%。長度和百分比的組合是允許的,負值也行。例如,10% -2cm是允許的。雖然,百分比和長度是不能夠和關鍵字組合。
        關鍵字解釋如下:
      • top left = left top = 0% 0%
      • top = top center = center top = 50% 0%
      • right top = top right = 100% 0%
      • left = left center = center left = 0% 50%
      • center = center center = 50% 50%
      • right = right center = center right = 100% 50%
      • bottom left = left bottom = 0% 100%
      • bottom = bottom center = center bottom = 50% 100%
      • bottom right = right bottom = 100% 100%
        如果背景圖象被看作油畫般固定不動,關于油畫的圖象會代替元素被放置。
        網頁制作者也可以使用略寫的背景屬性,通常會比背景位置屬性獲得更好的支持。
       背景
      語法: background: <值>
      允許值: <背景顏色> || <背景圖象> || <背景重復> || <背景附件> || <背景位置>
      初始值: 未定義
      適用于: 所有對象
      向下兼容:
        背景屬性是一個更明確的背景—關系屬性的略寫。以下是一些背景的聲明:
      BODY       { background: white url(http://www.htmlhelp.com/foo.gif) }
      BLOCKQUOTE { background: #7fffd4 }
      P          { background: url(../backgrounds/pawn.png) #f0f8ff fixed }
      TABLE      { background: #0c0 url(leaves.jpg) no-repeat bottom right }
        當一個值未被指定時,將接受其初始值。例如,在上述的前三條規則,背景位置屬性將被設置為0% 0%
        為了避免與用戶的樣式表之間的沖突,背景和顏色應該一起被指定。
       
      相關教程
      江苏快3 乐平 | 衡水 | 吐鲁番 | 娄底 | 嘉兴 | 贵州贵阳 | 晋中 | 钦州 | 诸暨 | 金华 | 嘉峪关 | 安吉 | 克孜勒苏 | 新乡 | 丽江 | 茂名 | 台中 | 秦皇岛 | 玉林 | 抚顺 | 日喀则 | 阿克苏 | 德宏 | 益阳 | 上饶 | 安吉 | 晋中 | 泗阳 | 海西 | 昌吉 | 香港香港 | 东莞 | 甘孜 | 开封 | 六盘水 | 山西太原 | 姜堰 | 高雄 | 巴彦淖尔市 | 洛阳 | 郴州 | 自贡 | 本溪 | 黄南 | 铜陵 | 甘肃兰州 | 南阳 | 安徽合肥 | 吉安 | 贵州贵阳 | 遂宁 | 达州 | 阳春 | 攀枝花 | 鹰潭 | 鄂州 | 宿州 | 馆陶 | 内蒙古呼和浩特 | 张家界 | 永州 | 孝感 | 吉安 | 喀什 | 来宾 | 宁德 | 新泰 | 淄博 | 陇南 | 延安 | 宜都 | 库尔勒 | 桐乡 | 汕尾 | 保定 | 锡林郭勒 | 馆陶 | 包头 | 灌云 | 周口 | 张掖 | 仁怀 | 博罗 | 吴忠 | 随州 | 牡丹江 | 商洛 | 张家界 | 阿克苏 | 玉环 | 惠东 | 宁波 | 兴化 | 三明 | 绥化 | 辽宁沈阳 | 乐平 | 南平 | 永新 | 那曲 | 绥化 | 涿州 | 娄底 | 苍南 | 南安 | 辽阳 | 东阳 | 偃师 | 文山 | 北海 | 改则 | 惠东 | 铁岭 |