フロントエンド初心者のための勉強メモ -html/css/js基礎知識のポイント(3)_html/css

フロントエンド初心者のための勉強メモ -html/css/js基礎知識のポイント(3)_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:20:58

オリジナル

870 人が閲覧しました

この間、家に用事があったり、仕事で用事があったりして、数日間動画を見ずに更新していませんでした。今日は更新しましょう。

1: デフォルトのスタイルのリセット

ドンブラウズするときにデフォルトのスタイルを使用しないでください。

body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; style:none;padding:0;margin: 0;} a {テキストゼロ：なし;}
img {border：none;}
2：ブロック要素とブロック要素の特性：
同じ行の表示

2. 幅と高さをサポートしません 4. 上下のマージンとパディングをサポートしません

3: ブロック要素と埋め込み要素の内部変換

display:block は、インライン要素にブロック属性タグの特性を持たせます。

display:inline は、ブロック要素にインライン要素の特性を持たせます。 3幅が伸びていますが、幅を伸ばします

1. ブロックを連続して表示します。 3. デフォルトのコンテンツの幅を広げます。 the level & & lt; div style = "float: left;" & gt; を shi div & lt;/div & gt; このとき、div タグは内部のコンテンツと同じレベルになります。

box1

box2< /div>

この時、半レベル昇格に関わる現象が発生します。