CSS徹底研究(2)

黄舟
リリース: 2016-12-22 16:26:27
オリジナル
1560 人が閲覧しました

CSS徹底研究(2)

Githubページのブログ投稿

1. CSSボックスモデル

1.ボックスの構造

margin-border-padding構造+contentコンテンツがボックスモデルを構成します

、高さが取得されますパディング境界マージンを除いたコンテンツ領域の幅と高さですが、ボックスの実際の高さには外側の 3 つ (パディング境界マージン) が含まれている必要があります

割り当て順序は、時計回り、上​​ (上)- >右(右)- >下->左(左)

----上(1)----->|| |左(4) |右(2)| ---下(3)----

割り当て、1つの値、4つの値はこれで、margin: 10px; 右上に2つの値、2つの値が割り当てられます。最初の 2 つ、次に、bottom = 上、left = right の代入、3 つの値がそれぞれ右上、下に割り当てられます。つまり、最初の 3 つ、次に left = right の代入、4 つの値、言うまでもなく。さまざまなブラウザでの

表現 html

Content-Type" content=" text/html" /> ブラウザ開発者ツールでの の表現