インタビューのフロントエンド - 概要

、CSS部分、およそいくつかの場所を尋ねます

• ボックスモデル

1. コンテンツ+ボーダー+パディング+マージン组成
2. 、IEモデル;（コンテンツボックスボックスサイズを有する）標準ボックスモデル（ボックスサイズ：境界ボックス）

• 上下中央方法（メソッドちょうど少数を示すために、あまり）

　　　1.display：フレックス。

　　　2.位置：絶対。

　　　3、変換

• 3列レイアウト（いくつかの一般的なを置きます）

1. 浮く
2. フレックス
3. ポジション

• 重み算出モードセレクタ

1. ID>クラス>タグセレクタ
2. インラインスタイル>インライン>外部リンク
3. 最も重要な優先順位

• クリアフロート法

1. 外側のdivプラスオーバーフローの場合：隠されました
2. プラス、外側のdiv：擬似クラスの後   

   .clearfixは：後{/ *インライン要素擬似要素は、フローティング方式* /削除する通常のブラウザで
   コンテンツを"";
   表示：ブロック;
   高さ：0;
   クリア：両方;
   可視性：隠された;
   }
   .clearfix {*ズーム:. 1。 }

3. 前と表示をクリアするために擬似デュアル浮動要素の使用後：テーブル、内容：「」、クリア：両方
4. 明確なプラスのdivの終わり：両方

• フレックスのレイアウトがあまりにも多くのことを話すように、そして慎重に検討の価値があるが、（http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlが）ブログの偉大な神は非常に慎重に言った、私はいくつかを言うために使用されます

1. 私は、複数の行の内容、等しい間隔を有するようなリストのレイアウトのように使用されます

   表示：フレックス。
   正当化-コンテンツ：スペースアラウンド。
   ALIGN-アイテム：センター;

2. コンテンツは、圧迫包帯やフレックスラップを超えて：ラップ/ NOWRAPを。

• 問題を解決することができるBFCは、何ですか

1. 黒Fromattiongコンテキストコンテキスト変換は、ブロックレベルのフォーマットであります
2. マージンの崩壊、フロート問題、画像のギャップの問題を解決するための主な問題

• positionプロパティ

• 適応広場を達成する方法

• CSSで三角形を達成する方法