戦闘訓練プログラムのフロントエンド - Huawei社グローリーモール教室[アショカ]

レビュー:
レイアウト1.1これまでに学んだ
テーブルレイアウト:

DIV + CSSレイアウト:

固定レイアウト

パーセンテージのレイアウト

1.2ボックスモデルの
マージン境界パディング内容

1.3レイアウトモデル
流モデル標準的なフローブロックインラインインラインブロック

右から左フローティングモデル

固定層モデルの相対絶対

1.4 BFC(ブロック整形コンテキスト)ブロック・レベルのフォーマッティングコンテキスト
フロートなしておりません

位置は静的ではありません

......

図CSSスプライトは1.5スプライト
HTTPリクエストを削減しました

達成するために、バックグラウンド属性を使用して

1.6ハック
Htmlの刻み目のCssハック:ハックセレクタ値ハック

IEテスターアナログ

まず、
プロジェクトの戦闘は、
ウェブサイトを使用すると、ラベルによってジャンプすることができ、多くのページを持つことになります。

各ページには、情報担体の品種です

ウェブサイトは非常に少ない部品が含まれています。

HTMLウェブページの構造

CSSのWebパフォーマンス

Webページの挙動のjs

など、材料や構成ファイルのいくつかがあるかもしれません

これまでのところ、そのようなウェブサイトは、いくつかのディレクトリが含まれています。

全ての素材ファイル用のイメージ画像ディレクトリ

CSSの店舗すべてのCSSスタイルファイル

JSのJSストアのすべてのファイル

Webページのファイル

また、いくつかの他のサードパーティ製のリードパックもあり

プロジェクトを実行する前に、我々は最初のプロジェクトの要件を分析する必要があります。

レンダリング、材料のサイズを表示、などを取得し、完全なタイムリー、グラフィックコミュニケーションです。

大まかなアイデアを形成していない問題が発生した後、分析ページ構造、

ページに配置し、効果

ホームindex.htmlに対応するCSSファイルは通常のstyle.cssやdefault.cssという名前です

他のページは、意味に従って命名されています

base.cssを提供するいくつかの比較的単純なスタイルクラス原子

複数のページには、私たちは、共通のスタイルcomment.css呼び出しスタイルを共有することができます

現在のページスタイル

100%:バナー幅を参照してください。

心の内側900-1300pxのバージョン間
戦闘訓練プログラムのフロントエンド -  Huawei社グローリーモール教室[アショカ]

**ノー国民の関心「icketang」、Huawei社グローリーモールプロジェクトの戦闘ビデオチュートリアルで学習へのアクセスや最新の学習教材とクォータフリーライン

おすすめ

転載: blog.51cto.com/14337100/2427518