I.背景
ここでは、徐々に、フロントCSSの知識にフォローアップに関連した最初の導入CSS2.1、CSS3の属性を紹介する記事のこのシリーズを通して、私はいくつかの助けのフロントエンドのために戦った人々を与えることを願って、だけでなく、自分自身の知識アウトのヘルプソートに記事を紹介します間違っている場合は、指摘してください。
シリーズは、このフォローアップ記事を更新していきます後ろ以下は、CSS2.1の知識の第一段階のブロック図です。
II。全体的な説明
(A)塩基紹介
1.覚えておくべき7つの基本的なエントリ属性まず最初に、色:色、背景色:背景色、フォントサイズ:フォントサイズ、太字:フォントウェイト:太字、チルト:フォントスタイル:イタリック、テキストを中心に:テキスト整列:センター、
下線:テキスト装飾:下線。
2.文言相対パス:../../ A / B /
3. 7つの基本的なセレクター:IDセレクタ、タグセレクタ、クラスセレクタ、セレクタ交差点、及びセレクタを設定し、子孫セレクタ、ワイルドカード。
4つCSS3セレクター:子孫セレクタ、セレクタに隣接セレクタシーケンサ、セレクタ兄弟。
行の高さ(行の高さ):ハイスコープ線は、単一行のテキストは、垂直テキストの垂直中心線を中心とします。
6.フォント属性:(フォントサイズ、行の高さ、フォントファミリ)、書き込みの割合は、フォントファミリのルールや、特定の文言と同等。
7.ラベル:疑似クラス(リンク、訪問、ホバー、アクティブ)、ラベルの造園(書き込みと通常の書き込みプロファイル)。
8.背景プロパティ:背景色、背景画像、背景リピート、背景付着、背景位;三色の表現。
(B)。継承とラミネート特性
1.継承:スコープ。
2.重い計算ルール:①ラベルを選択した場合、重量比較、IDセレクタ>クラスセレクタ>タグセレクタ、同じ重量、主にライトバックする場合。②ラベルが選択されていない場合、重量が0、そのメインターゲットラベルから近い近接の原理です。
3.!の重要な財産。
(C)ボックスモデル
1.包含:幅、高さ、パディング、ボーダー、マージン。
2ウェイの2パディング。
3種類の3境界はフォームを解決しました。
「マージン:0自動」の標準フローと使用中の4マージンの崩壊現象の特徴は、条件を中心に。
ブラウザの互換性。
(D)標準文書フロー
1.要素内のブロック要素と、各ラインの特性、およびそれぞれ含むもの。
変換に記載の方法:→ブロック行(表示:インライン)、ブロックライン→(表示:ブロック)。
浮動、絶対配置、固定された位置決め3. 3つの方法は、標準的なドキュメントフローを逸脱につながります。
(E)浮動
1.フローティング(浮動)の性質:スケール除去は、ワード効果の周りに、互いに依存しています。
2.クリア5つの方法と浮動のそれぞれの長所と短所。
浮動、絶対配置、固定された位置決め3. 3つの方法は、標準的なドキュメントフローを逸脱につながります。
(F)位置決め
1.相対位置:意味、自然(ピット家、圧倒分離を残し、オフにマークされていない)、アクション(トリム位置、親ワード絶対位相)。
2.絶対位置:自然、(両方の場合に)基準点(中心使用、オフマーク)。
3.固定場所:ネイチャー(下付きオフ)、効果。
4. Zインデックス:自然、親現象から。
CSS2.1 6つのセクションの以降の記事意志の詳細の基本。