0529フロントエンド

CSSの背景のスタイル:

背景色:背景色

背景画像:背景画像

背景リピート:リピート背景画像

繰り返し-Y:y軸のみが繰り返されます

繰り返し-X:X軸だけ繰り返し

何のリピートん:ユニークな、一度だけ表示されました

背景位置:背景画像の位置

値は2つの、それぞれのみ記述する場合、2つの値が等しいあり、xおよびy方向を表します

図スプライト:アイコンの各セットは、目的は、HTTPリクエストを削減することです

背景:上記のすべては、すべて一緒に入れています

背景:カラーイメージリピート位置

ボックスモデル

作曲:

マージン:箱と箱の間に余白の距離

一緒にプロパティを書きました

4つの

時間を書くとき、4つのすべてが同じです

二、とき、右側に、パッド入りのエッジに

三時に、パッド入りの右下側に

マージントップマージン右マージン下のmargin-left書くことができるだけで4

ボーダー:ボーダーボックス

一緒にプロパティを書きました

ボーダー色の色

border-top-カラーのborder-left-色

ボーダースタイルの上下左右のパターン

上下の幅程度のボーダー幅

順序を区別する必要を書いていない時

パディング:フィラーをパディング

上右下左

パッド入りのエッジで

定義された幅と高さのみコンテンツセクション

コンテンツ:コンテンツは、物事を買いました

箱サイズ=コンテンツ+パディング+ボーダー

見つけます

片道CSSレイアウト

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

相対的な位置:一般的にトップはありません、左、右、下

絶対位置:要素は、文書の流出する。一般的に余裕を持っていません

固定位置:要素は、文書の流出する、唯一のブラウザウィンドウが制御の下で物事を保つことができます

一般的に、相対的及び絶対位置が同時に発生しています

すべての一般的なドロップダウンボックスは絶対相対位置決め完了して配置されています

フロート

二分割:右のフローティング、フローティングのまま。

文書の流出します

浮く

clear:both  清除所有的浮动

清除浮动:不是清除自身的浮动,而是清除上一个浮动对自身造成的影响

overflow:hidden溢出隐藏,主要是用于清除浮动

overflow:scroll 溢出部分以滚动条显示

增加一个空的标签,清除所有的浮动,即可解决高度失效的问题

 

おすすめ

転載: www.cnblogs.com/lxx121/p/10947507.html