どのプロパティを使用する方法何、でCSSの背景のプロパティ

カテゴリー:ソリッドカラーの背景画像、背景

  図1に示すように、背景色

    背景色:色と法的透明  

   図2に示すように、背景画像 

    画像の背景:URL(ロードしたい画像)

   図3に示すように、背景画像のタイリング

    背景リピート: 

         REPEAT:タイル張りの水平垂直方向のデフォルト値

         繰り返し-X: 水平方向のタイル

           繰り返し-Y:  垂直タイル

           ノー・リピート: デフォルトでは、タイルません      

 図4に示すように、背景画像のサイズ

      サイズ・背景:VALUE1 VALUE2     幅高さ(ピクセル)

               値の%値%の    幅高さ(%)

               表紙  :すべての幾何学的な背景領域を完全にカバーが完全に覆わ背景要素を知って拡大しました

               含む含まれ  、背景の幾何学的増幅素子アップタッチの底部または右端まで

  図5に示すように、固定された背景画像 

      背景取付:  固定(固定)

                   scorll(スクロール)

  図6に示すように、バックグラウンド・ポジショニング

      デフォルトの場所要素内の背景画像を変更します

      背景位置:  FirefoxとOperaのための注意、背景、添付ファイルは、(固定)「固定」に設定する必要があります

          左(上、中央、下)

          右(上、中央、下)

          中央(上部、中央部、下部)

          %X    Y% 最初の値は水平位置であることに注意し、垂直位置が第2の値であり、0%、0%は、左上隅である、唯一の他の値が50%の値である場合、100%、100%を右下、デフォルトでは0%、0%)であります

          YPOSのXPOSは、(最初の値は水平位置であり、垂直方向の位置は、第二の値であり、単位は画素が指定された値が他の値の50%である場合にのみ、他のユニットとすることができるCSSよい;および%ポジションが使用されてもよいです)

          継承:親要素から指定のbackground-positionプロパティの設定は必要があります継承

  7、スプライトマップ、スプライト

      処置:大型の背景にいくつかの小さな背景マージ、サーバーへの低減要求を達成するために

      ステップ:1>、我々は画像の大きさに応じて要素を作成

          2>、一つの画像に複数の画像、リンクの消費量を削減する、単一の要求で、必要なすべてのリソースをダウンロード

          

おすすめ

転載: www.cnblogs.com/zycs/p/12026328.html