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

学習概要
html 5

vido タグと audio タグの下の属性: 再生の制御 ループ再生の制御 autoplay 自動再生

CSS

ブロックレベル要素とインライン要素の違い
1. ブロックレベル要素: ブロック要素
各ブロックレベル要素は、デフォルトで 1 行の高さを占有します。ブロックレベル要素を行に追加した後は、他の要素を追加することはできません。追加されました（float の後を除く）。 2 つのブロックレベル要素を連続して編集すると、それらは自動的に折り返されてページ上に表示されます。ブロックレベル要素は通常、ブロックレベル要素またはインライン要素をネストできます。
ブロックレベル要素は通常、構造を編成するためのコンテナとして表示されますが、常にそうとは限りません。

などの一部のブロック レベル要素には、ブロック レベルの要素のみを含めることができます。他のブロックレベル要素には、

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

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

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

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

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

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

隣接兄弟セレクター

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

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

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