背景制御のためのCSSスタイルシート
私たちは、次のCSSの属性を検討する:
*カラー
*背景色
*背景画像
*繰り返し背景
*固定背景
*バックグラウンド位置
*背景
今は小さな問題の最初の3日間に答えて残っている。
まず第一に、私たちは色については、ページ上の要素に追加されます話す。
色
色は、プロパティには見知らぬ人ですが、その使用して、パラメータの値としてHTML形式の使用されています。
Bの(色: # 333399 )
カラーディスプレイを設定するためには、 CSSのルールの下で、すべての文字は、ブラウザのページに追加するように、言葉でした。
3つの方法が必要な色を設定するために使用されます:
色名
CSSを呼び出すのに使われる我々の方法では、色の名前で使用されます。 16の基本的な色アクア、黒、青、ピンク、グレー、緑、ライム、マルーン、ネイビー、オリーブ、紫、赤、銀、コガモ、白、黄色。
しかし、 MicrosoftとNetscapeはまた、他の色の名前を参照してください数百人の承認ブラウザ
ハイプのカラー指定。
16メートル( 16進数)色、 16の使用を制御するバンドより正確なカラーコントロールを実現することができます、 # 336699.16 16進数( 16進数)カラーコントロールの形式Webreference.com参照してください。
CSSのもいくつかの迅速な数の16進値をサポートしています。 たとえば、 # 336699を# 369として参照することができます。 ブラウザには、 16 -説明してバンド形式となる。
RGB値は、 RGBのためのユーザー数は、この色の設定を使用する新しい方法を提供します。 RGBのメソッドを通常の画像などのアプリケーションに使用されています
フォトショップ。 RGBカラー設定されているメソッドを使用するには次のとおり:
Bの(カラー:のRGB ( 51,204,0 ) )
RGBの0から255には、赤、 Gは緑、 Bはブルーに代わっての代わりにに代わって研究範囲の値。
IEの3が、 RGB形式をサポートしていないブラウザのサポートの4.0バージョンです。
伝統的なウェブページのデザインは、特定の要素で、背景色を追加すると、表のセルの周りの形成の要因にして、フォームの色ユニットを追加する必要があります。 CSSを使用して背景色を追加するのは非常に簡単です。
背景色
固定背景の色とイメージの要素を追加して戻るページのCSSの使用しています。
P.yellow (背景色: # FFFF66 )
上記のルールこの段落全体に適用している。使用して任意のページについては、前に話を聞いたの値:色の名前は、 16進数値、またはRGBの値を使用することができます。
さらに、言葉の裏には1つの要素を追加することができます。
Netscape CommunicatorをとIE 3は、テキストの背景色の最初の段落の後では、別の長さを延長する。 IEの4ではいくつかのより多くの色の箱の大規模な背景を形成した後、段落全体に拡張されます。
(注: IEの3は、背景色プロパティをサポートしていません。しかし、それはすぐには、同じ結果を得ることができる属性は、背景、サポートするように設定します。 6ページを参照してください。 )
また、透明なプロパティには、背景色の元の色は、透明色の非常に重要であるとの背景色を設定することができます。
背景色、大きい場合は、背景地図を追加するには、いいことよね。 あなたの夢を達成することができます!
を簡単には、 GIFやJPEG画像を支える要素の追加することができます:
Bの(背景画像:ルールの( background.gif ) )のURLをした後、全体の段落の背景画像が追加されます。 あなたの画像や背景画像は通常のテキストの後ろにフラットのようなやり方を設定されているのGIFを使用することがあります。
また、唯一の2つの単語の後ろに背景画像を追加することができます。 ブラウザのウィンドウ全体のイメージを追加するには、右か? その後、現在の<BODY>ラベルに追加することができます。
お電話のURL 、画像などの相対UPL 、使用することができます/ bg.gifまたは完全なURLを、例えば、画像を使用することができます
http://www.webmonkey.com/images/bg.gif 。
いずれも任意の設定には、背景画像の値が解除されます。
背景画像を設定するときには、背景色を指定するために最適です。 今年は、背景画像、背景色が画面に登場した最初の固定は、同じ時間をダウンロードしてください。 しかし、透明色の表示領域の背景画像をした。 例えば:
CSSのWebmonkeys大喜びだ。
あなたは色を透明色表示領域のGIF画像を背景に紫色のを見ることができます。
私たちはキングの画像は、次の種類の可能性がありますが最もよく使われているブラウザ:
は、さまざまなプロパティは、 IEの3属性をサポートする唯一の迅速な背景の議論のこの文脈において。
リンクするときに、 IEの3背景画像は表示されませんは、スタイルシートを使用しています。
とき)とIE 4 ( Macオペレーティングプラットフォーム)問題がある可能性があります段落の背景画像、コミュニケータ( 2つのプラットフォームに追加するには、特定の部分だけが、それは、追加される画像が表示されない場合があります背景画像は、往復旅行のテキストを追加します。
同時に、もし、時には上部に表示されますコミュニケーターの背景色、背景色や背景画像を設定します。
の要素の背面にすることができます画像だけでなく、正確にセットの背景画像を制御することができます。 あなたとどのようにフラットするかどうかは、背景画像を圧延固定であるべきだ、との立場を決めることができるもの。 お友達と、この事実だ!
背景(背景を繰り返す)を繰り返すするには
背景画像は通常、バックグラウンドで、右フラットは何ですか? 間違った。 CSSの使用すると、タイルにするかどうかの属性を制御することができます。
P (背景を繰り返す:ノーを繰り返す;背景画像:のURL (
background.gif ) )
これらのルールは、段落全体に適用されます。 GIF画像を使用している私たちの背後にあるテキストで表示されるが、我々はイメージ(ノーを繰り返す)ルールなので、画像がフラットの背後に段落全体のアプリケーションを繰り返し繰り返しれませんしないと、それを示しては、単一画像です。
場合でも、垂直または水平方向の画像をタイルできるようにしたいなら、繰り返しのXのレベルを使用する必要はフラット、そのrepaetと- yの平らな垂直。 このパラメータは、水平および垂直方向フラットから画像を繰り返すだろう。
固定背景(背景の添付ファイル)
HTMLでは、ページの背景画像を通常と圧延と一緒にスクロールします。 しかし、 CSSの固定背景(背景)の属性を使用する場合は、背景画像の設立を巻くことはできませんが、スクロールページ、背景画像を維持するために固定することができます。
本文(背景の添付ファイル:固定;背景画像:のURL (
15/stuff3a/background.gif ) )
この時点で訴訟をされている場合は、ページスクロールを見ることができる、背景固定されたままになります。 (注: Communicatorのこのプロパティをサポートしていませんが、 IEことができます。 )
このページの背景にのみ、つまり、背景画像を設定されているラベルの<BODY>使用される属性。
そのパラメータは、 2つのオプションがあります:
スクロールの背景画像にテキストは、通常見られているに沿って圧延を指します。
固定スクロールテキストの意味、背景画像を固定されたままです。
背景(背景のポジション)ポジショニング
あなたが任意の場所に挿入される背景を設定することができます。
P (背景の位置:中央下;背景画像: ( background.gif ) )のURL
時は、 CSSルールは、上記のテキストの段落に適用は、番組の下の部分でこの段落の背景画像と右フラットを始めた。
これらの結果、あなたのブラウザを使用している番組が表示されないCommunicatorを、その背景をサポートしていません位置決めされています。
3つの方法の場所を設定します:
キーワードパラメータ(キーワード値)
キーワードの方法は簡単で、使いやすい設定:
要素の配列の先頭に戻る見通しを背景画像。
アライメントの要素の下部には、見通しの下で。
左には左の配置とされる。
右に、右サイドに配置。
中央レベルでのセンター(他の)または垂直センター(場合は、後ろには、キーワードを使用しての前にキーワードの使用) 。
より正確なコントロールの場所には、背景画像のパラメータを使用できるパラメータの長さの長さ。 あなたは水平と垂直の位置決めのための出発点に設定することができます、例えば:
P (背景の位置: 70px 10px ;背景- repeat :リピート再生- yの;背景画像: URLを
( background.gif ) )
この項、これらのルールの実装の効果を示しています。 IEのは、 GIF画像に70ピクセル、縦10ピクセルのレベルから左上から設定されますこのプロパティをサポートしています。 以来、私の背景を、繰り返し設定:繰り返す- yのは、テキストでGIF画像の縦のフラットした。
前に任意のピクセル、ポイント、インチ、 EMSのような台の長さのことを学んだし、これを使用することができます。
( IEの3は、ユニットの長さを示してこの効果をサポートしていません)
値の比(割合値)
また、場所の背景画像を設定する値の比率を使用することができます、例えば:
P (背景のポジション: 75 % 50 % ;背景画像: ( background.gif ) )のURL
このときは、 CSSルールの段落に適用、段落から70 %の適切なレベルからの背景画像を、垂直方向の位置を示すの上部にある段落は50 % 。 場合は再度、ディスプレイセクションのサイズに変更して、ブラウザウィンドウのサイズを調整、位置に対応する変化の背景画像。 この項ではこの項のため、このような変化を起こさないことを、固定サイズ、ウィンドウとの調整のサイズを変更できないことだ。
すべての属性を学習する機能をすぐに利用することはできますは、 CSSルールの背景に追加されます。
このアプリケーション(たとえば、我々は既に)に記載している3 IEをする必要がある場合、アプリケーションのすべてのブラウザになることがあります。
背景(背景)
プロパティの使用を背景とすると、背景色、画像を設定することができますが、この方法は、圧延やフラットの固定位置と表示されます。 例えば:
P (背景: ( background.gif ) # CCFFCCを繰り返す- yの右上)のURL
上記のルールの項が適用されます。 あなたは右上隅には、背景画像のみを垂直フラット、フラット第1位は、薄緑色の背景を見ることができます。 コミュニケータの背景位置のプロパティに注意をサポートしていません。
場合は、お使いのブラウザは、 CSSをサポートしていない結果をテキストで表示されていない属性を記述します。
コンテキスト属性を使用して、各プロジェクトのコンテキストを設定する必要はありません。 あなたが唯一の場合は、背景色や画像、または他の設定の組み合わせを設定する必要が行うことができます。
ショートカットのプロパティを別の背景のプロパティを使用する際に遭遇されるブラウザを使用して、さまざまな問題に遭遇した。
小さな問題:どのようにお客様の会社のロゴロールページに関係なく、ブラウザのウィンドウまたはサイズの調整は、常にブラウザウィンドウの右下の隅に表示されるのですか? このコースでは明日の前に、私はあなたの答えになります。
スタイルシートは、ページのデザインをもっと面白い。 われわれは最近、他の方法の詳細については私たちの心の背景画像の制御を取得しました。
今日、我々は以下の学校の内容の要約です:
色の展望の色の要素を設定します。
背景色の固定セットの後ろに色の要素。
背景画像がGIFとJPEG画像、テキストとは、背中の他の要素に挿入されています。
背景を繰り返すかどうかをタイルの背景画像を制御することができます。
背景のテキストと添付ファイルを制御するかどうかは、画面表示には、固定背景画像ではなく、圧延および圧延。
背景は、背景画像の正確なコントロールの位置は、ショーの要素の場所に相対。
背景のすべてのショートカットのプロパティの背景を設定するように設定されています。














