初心者CSS。二つ

背景1.cssクラススタイル
の背景色、背景色
、背景画像、背景画像
、背景リピートリピート背景画像の
y軸にリピート-Yのみを繰り返す
繰り返し-XをX軸方向にのみ繰り返さない
無反復は繰返さない、一度だけ表示され
位置決め背景位置背景画像の
値は2つの、それぞれ、x方向およびy方向を示しています。あなたは一つだけを記述する場合、2つの値が等しい
背景全てが一緒に一緒に上記のすべての置かれている
背景:カラーイメージリピート位置
、サイズ、背景サイズの背景画像を

例:トップ良い
の<divクラス= "d03_bgimgのd03_02" > </ div>

.d03_bgimg {
背景画像:URL(../画像/ sprite.jpg)。
}
.d03_02 {
幅:78px;
高さ:16pxに;
背景位置:-484px -45px;
}

2.ボックスモデル

任意の要素ボックスとして理解することができる
ボックスをインストールすることができる「もの」
のためにいくつかの部屋があり、「梱包箱」とのものの内側
2つの以上のボックスはボックス間のボックスが(そこに一定の「距離」ではありませんスペース)
のボックスモデルからなる
箱と箱の間のマージンマージン距離
ボーダーボーダーボックス
フィラーパディング内の余白
コンテンツの内容は東買って
一緒にプロパティのマージンは4を書いた
あなたは時間を書くとき、同じ4つのすべてを
2つの場合にパディングの右側
パディングの右下側三、
マージントップマージン右margin-下余白左
4つの別々の属性が書き出されてもよい
ボーダークローズフレーム属性の書き込み
ボーダー色のカラー
:;のborder-top-カラー
:ボーダー-左カラー
ボーダースタイルのパターンは
垂直左右に分けることができ
ボーダー幅幅は
縦割りと横方向にすることができます
の順序を区別するために、必要なときに書かれた
パディング
左に、右下の
-edgeを満たされた
コンテンツ部分のみ定義された幅と高さの
パディングとボーダーは、ボックスを伸ばします
ボックスの内容+パディング+枠線のサイズ

3.cssレイアウト

ポジショニング:トップ、唯一の場合は左、右、下の要素がローカライズを高めるために使用されます

左上を使用しない一般の相対位置は、右、下
絶対位置  
伝票フローからの要素は、あろう
一般右、上、左、下で、マージンを使用しないように
固定された位置 
であろうドキュメントフローからの要素の
シナリオを使用する:戻るサイドバーの上部に広告
のみブラウザウィンドウがパイプを生きることができる
通常の状況下で相対及び絶対位置決めが同時に発生している
一般的にドロップダウンボックスの全てを全く完了相対的な位置決めと組み合わされ

相対位置および絶対位置を使用する
 プロセスの親要素は、本体の範囲内の活動に直接見つけることができない、上記見つけることで有効に見て、相対見つけること。相対位置決め動作が一般的に用いられている管内絶対位置決め

フロート

二つに分け、左右のフロートフロート浮かぶ
フロートが文書フロー外となります
難易度は、フロートは明らかである
透明フロート:フロート自体は明確ではないが、浮動クリアに及ぼす影響

 

おすすめ

転載: www.cnblogs.com/4556xu/p/10945585.html