HTML共通ブロック要素インライン(内側線)要素命令(A)

HTMLは通常、共通のブロック要素を持っている:DIV、P、H1、H2、H3、などは、インライン要素を持っている:スパン、IMGが好き。

ブロック要素のプロパティ:どんなに内容が行全体を独占なりますか。主にページレイアウトのために使用。

プロパティインライン要素:要素自体のサイズだけは、彼の党を占有しません。選択したテキストのスタイルのための主要な設定。

ばかりページレイアウト、任意のデフォルトのスタイルのない独自のためのdivブロック要素。

スパンインラインスタイルのテキスト要素は、既定のスタイルで自分自身ないテキストを、選択するために使用することができます。

一般的に、唯一のブロック要素は、代わりにブロック要素を含むようにインライン要素を使用する、インライン要素を含みます。

要素は、独自に加えて、任意の要素を含めることができます。

p要素は、任意のブロック要素を含めることはできません。

本部ブロック要素:< BR > 
    < divのスタイル=「背景色:BlueViolet」>コール西ああのdiv、実際にはほとんどリスクが高いです!Shudao難しい、非常に困難!コングと由布市は、どのような損失を創設します!</ 本部> 
    < divのスタイル=「背景色:ブルー」>コール西ああのdiv、実際にはほとんどリスクが高いです!Shudao難しい、非常に困難!コングと由布市は、どのような損失を創設します!</ 本部> 
    < divのスタイル=「背景色:シャルトリューズ」>コール西ああのdiv、実際にはほとんどリスクが高いです!Shudao難しい、非常に困難!コングと由布市は、どのような損失を創設します!</ 本部> 
    < divのスタイル= "背景色:チョコレート;幅:300ピクセルによります;" > divの幅= 300ピクセルのコール西残念ながら、ほとんどの高リスクZAI!Shudao難しい、非常に困難!コングと由布市は、どのような損失を創設します!</DIV > 
    < divのスタイル= "背景色:ブルー;幅:500pxなど;" > divの幅= 500pxなどのコール西ああ、確かにほとんどリスクが高いです!Shudao難しい、非常に困難!コングと由布市は、どのような損失を創設します!</ 本部> 
    :のpブロック元素< BR > 
    < p型スタイル=「背景色:ブルー」> P-ソウル四〇から八〇 〇 〇千年に、人間の居住秦サイトンの兆候を持ちます。白道西鳥は峨眉山の頂上をHengjueことができるとき。</ p型> 
    < p型スタイル=「背景色:チョコレート」> P-ソウル四〇から八〇 〇 〇千年に、人間の居住秦サイトンの兆候を持ちます。白道西鳥は峨眉山の頂上をHengjueことができるとき。</ P > 
    < Pのスタイル= "背景色:シャルトリューズ" > 四〇から八〇 〇 〇千年のpソウルは、秦サイトンが読み込まないと。白道西鳥は峨眉山の頂上をHengjueことができるとき。</ p型> 
    < p型スタイル=「背景色:緑;幅:300ピクセル;」>四〇から八〇 〇 〇千年にP-幅= 300ピクセルソウルは、秦サイトンが読み込まないと。白道西鳥は峨眉山の頂上をHengjueことができるとき。</ p型> 
    < p型スタイル=「背景色:赤;幅:500pxなど;」>四〇から八〇 〇 〇千年にP-幅= 500pxなどソウルは、秦サイトンが読み込まないと。白道西鳥は峨眉山の頂上をHengjueことができるとき。</ P > 
    H(H2、H3、のH1)のブロック要素:< BR > 
    < のH1 スタイル= "背景色:赤" > ShudaonanのH1 </ のH1 > 
    < H2のスタイル= "背景色:緑" >H2 > 
    < H3のスタイル= "背景色:ブルー" > H3 Shudaonan </ H3 > 
    < H3 スタイル= "背景色:ピンク;幅:300ピクセルによる;" > H3幅= 300ピクセルShudaonanによって</ H3 > 
    < H3 スタイル= "背景色:黄色;幅:500pxなど;" > H3幅= 500pxなどShudaonan </ H3 > 
    インライン要素のスパン:< BR > 
    < スパンスタイル= "背景色:赤" >ウェストとき鳥白道は、峨眉山の頂上をHengjueすることができます。<
    スタイル=「背景色:緑」>西そこTaibai鳥の道、あなたは峨眉山の頂上をHengjueすることができます。</ スパン> 
    < スパンのスタイル=「背景色:ブルー」>西路白の鳥は、峨眉山の頂上をHengjueすることができます。</ スパン> 
    < BR >:のインライン要素< BR > 
    < A HREF =「#」スタイル=「背景色:イエロー」>その後、スタック石はしごフックで、死んだ戦士を破壊するために崩壊します。</ A > 
    < A HREF = "#" スタイル= "背景色:ブルー" > 戦士の地すべり死を破壊し、その後、フックで石のはしごを積み重ねます。</ A >
    < HREF =「#」スタイル=「背景色:赤」>フックで石のはしごを積み重ね、その後、戦士の地すべりの死を破壊します。</ A > < hrefが=「#」スタイル=「背景色:緑」>フックで石のはしごを積み重ね、その後、戦士の地すべりの死を破壊します。</ A >
    

エフェクトの表示(Googleのブラウザでデフォルト):

  以上の結果の数字から、ブロック要素とインライン要素のいくつかは、たとえば、デフォルトのスタイルを所有する、見ることができます:P、H1、H2、H3

pは、デフォルトのスタイルでされています:

P { 
    表示ブロック
    マージン・ブロック・スタート1EM
    マージンブロックエンド1EM
    マージンインラインスタート0PX
    マージン・インライン・エンド0PX
}

 

 

 h1はデフォルトのスタイルが付属しています:

H1 { 
    表示ブロック
    フォントサイズ2EM
    マージン・ブロック・スタート0.67em ; 
    マージンブロックエンド0.67em ; 
    マージンインラインスタート0PX
    マージン・インライン・エンド0PX
    フォント重量太字 ; 
}

 

 

 H2は、デフォルトのスタイルが付属しています:

H2 { 
    表示ブロック
    フォントサイズ1.5em ; 
    マージン・ブロック・スタート0.83em ; 
    マージンブロックエンド0.83em ; 
    マージンインラインスタート0PX
    マージン・インライン・エンド0PX
    フォント重量太字 ; 
}

 

 H3は、デフォルトのスタイルが付属しています:

H3 { 
    表示ブロック
    フォントサイズ1.17em ; 
    マージン・ブロック・スタート1EM
    マージンブロックエンド1EM
    マージンインラインスタート0PX
    マージン・インライン・エンド0PX
    フォント重量太字 ; 
}

 

 もちろん、デフォルトのスタイルとbody要素が存在します。

本体 { 
    表示ブロック
    マージン8px ; 
}

 

おすすめ

転載: www.cnblogs.com/goujian/p/11594982.html