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 ; }