淘宝網の静的ページ(5) - 倍以上のコンテンツ(左)

私はキャッチに期待していないか、行われていない、淘宝網のページが変更されている、インターネット上類似イメージを検索するために持っていた、大きなエラーが発生することがありました!

  1. リスト項目

まず、私が使用したコンテンツブロック、ポイントシステム:
ここに画像を挿入説明

  1. リスト項目

図フレームが左部分であり、右側が左側の部分は、4つの部分、第一セットのパターンに分け、そして広いフローティング図形を使用して高を有していなければならない、ということフローティングまた、背景色に簡単な概要を思い付く音符を使用して、部分を残し高さプラスマージンのこのimgBox1,2がドリルします淘宝網の見出しのトップとのギャップを残して、左側にある高さの合計に等しくなければなりませんように値は、正確でなければなりません...

  1. リスト項目

遷移のトランジション:背景色0.3秒+時間属性
背景色:RGBA(0,0,0,0.3) IE9 + 支持
不透明の内部を制御することができる、唯一の背景色、透明
、不透明度:0.5内部のものを含め、全て透明である
CSS HARK良いの低いBが呼ばれています!
背景色:#000/9は IE9 以下サポート
フィルタ:α(= 30 opcity)を 、 透明

  1. リスト項目

;表セル:カルーセル図の画像は上下+メソッドマージン左TDディスプレイの左側ではない中心中央:+垂直整列
IE10 +と互換性のあるアスペクトCSS3無視柔軟ポーチモデル弾性レイアウトを
フレックスザが正当化-コンテンツ:スペースの周りを、レベルALIGN-アイテム間隔写真共有センター:センター;垂直方向の中央
弾性幻想ボックスモデルが、貧しい人々の互換性!
HTMLコードは、左:
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
左のCSSコードを:
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

公開された37元の記事 ウォンの賞賛0 ビュー717

おすすめ

転載: blog.csdn.net/weixin_43704007/article/details/104676497