9.5 回の初心者 CSS 初心者コース学習概要

などの行レベル要素を含めることができます。また、ブロックレベル要素と行レベル要素の両方を含めることもできます。
DIV は最も一般的に使用されるブロックレベル要素であり、display:block 要素スタイルはすべてブロックレベル要素です。それらは常にブロックの形式で表現され、同じレベルの兄弟ブロックと順に垂直に配置され、左側と右側を埋めます。

2. インライン要素: インライン要素
インライン要素、インライン要素などとも呼ばれます。インライン要素は通常、意味レベル (セマンティック) に基づく基本要素であり、テキストまたはその他の一般的なインライン要素のみを収容できます。 。たとえば、SPAN 要素、IFRAME 要素、および要素スタイルの表示: inline はすべてインライン要素です。たとえば、テキストなどの要素は文字の間に水平に配置され、自動的に右端に折り返されます。

3. ブロック要素の特徴
①. 常に新しい行で始まります。
②. 幅が指定されていない限り、デフォルトの幅はそのコンテナーの 100% です。セット。
④. インライン要素と他のブロック要素を収容できます
4. インライン要素
① と他の要素は同じ行にあり、高さ、行の高さ、外側のマージン、内側のマージンは変更できません。 ③. 幅はテキストまたは画像の幅であり、変更できません。 ④. インライン要素には、テキストまたはその他のインライン要素のみを含めることができます。
幅の設定は無効です。
高さの設定は無効ですが、line-height を通じて設定できます。
マージンの設定は左右のマージンのみ有効で、上下のマージンは無効です。
パディングを設定します。上下ではなく、左右のパディングのみが有効です。要素のスコープは拡大されますが、要素の周囲のコンテンツは影響を受けないことに注意してください。

CSSスタイルの導入方法の優先度
他の導入方法は特定の場所に応じて優先されます。
CSSセレクター

IDセレクター
CLASSセレクター要素セレクター

子孫セレクター
子セレクター

ワイルドカードセレクター

現在、初心者段階のリセット テクノロジーはワイルドカード文字 *{} によって実装されています

将来的には、ノーマライズは基本的にリセット技術を置き換えるために使用される可能性があります