前の就職のインタビューでインタビュアーが尋ねた質問を覚えています。業界の要素は何ですか、そしてそれらとブロックレベルの要素の違いは何ですか？これは非常に基本的なインタビューの質問ですが、多くの初心者は通常、ラベルセマンティクスに焦点を当てており、レベル内とブロックレベル内のラベルの特性を無視します。したがって、上記の質問に応答したり、不完全に答えたりすることはできない可能性が非常に高いです。
HTMLの一般的なインライン要素は次のとおりです。<span>、<a>、<img>、<inupt>、<textarea>、<elect>、<label>
また、<br>、<b>、<strong>、<strong>、<sup>、<sub>、<i>、<em>、<del>、<u>などのテキスト要素も含まれています。
<span>と<img>のみに答えた場合、それは不合理です。
HTMLの一般的なブロックレベルの要素は次のとおりです。<div>、<table>、<form>、<p>、<ul>、
<h1> ...... <h6>、<hr>、<hr>、<pre>、<destord>、<center>、<marquee>、<blockquote>など
<div>のみに答えた場合、それは不合理です。
それで、それらの違いは何ですか？ブロックレベルの要素
1.常に新しい行から始めます。つまり、各ブロックレベルの要素が1行を占め、デフォルトで垂直に下向きに配置されます。
2。高さ、幅、マージン、パディングはすべて制御可能であり、効果的な設定とマージン効果があります。
3。幅が設定されていない場合、デフォルトは100％です。
4。ブロックレベルの要素には、ブロックレベルの要素とインライン要素を含めることができます。
・インライン要素
1.他の要素と同じ線にあります。つまり、線の要素やラインの他の要素は水平線に配置されます。
2。高さと幅は制御できず、設定はコンテンツによって無効で決定されます。
設定マージンは、左右に有効であり、マージン効果があります。
マージンの設定は、上下にスペースをサポートしてもマージン効果が生成されません（つまり、マージントップ/ボトムにはボックスモデルに値がありますが、ページにマージン効果はありません）。
左右のパディングを設定することは効果的です。パディングを上下に設定すると、スペースが大きくなりますが、マージン効果は発生しません（上記と同じ）。
パディング効果は次のように表示されます。
<！Doctype HTML> <HTML> <ヘッド> <メタcharSet = utf-8> </head> <style> span {border：1px solid red; padding：10px;} div {border：1px solid blue;} </style> <body> <div> block letente </span </span </span </> </> </> </> </> <> </span <要素</div> </body> </html>3。ラベルセマンティクスの概念によれば、ブロックレベルの要素ではなく、インライン要素のみを含めることが最善です。
変換するもちろん、ブロックレベルの要素とインライン要素の間の特性は、互いに変換できます。 HTMLは、要素を3つのタイプの3つのタイプに分割できます。ブロック要素、および列内ブロック要素です。
ディスプレイ属性を使用して、3つを任意の変換に変換します。
（1）表示：インライン;インライン要素に変換します。
（2）表示：ブロック;ブロック要素に変換します。
（3）表示：インラインブロック。インラインブロック要素に変換します。
インラインブロック要素は、インライン要素とインライン要素の特性を組み合わせます。（1）ラインラップが自動的にラップされていない場合、他のライン要素との水平線に配置されます。
（2）高さ、幅、マージン、パディングはすべて制御可能であり、効果的な設定とマージン効果があります。
（3）デフォルトの配置は左から右にあります。
これは、HTML要素とブロックレベルの要素の違いの詳細に関するこの記事の終わりです。より関連するHTML要素とブロックレベルの要素については、wulin.comから以前の記事を検索するか、以下の関連記事を閲覧し続けてください。将来、誰もがwulin.comをサポートすることを願っています！