ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのブロックレベル要素とは何ですか

CSSのブロックレベル要素とは何ですか

王林
リリース: 2020-11-30 10:36:30
オリジナル
4069 人が閲覧しました

CSS のブロック レベル要素はブロック要素を指し、それに対応するインライン要素は HTML 仕様の概念です。ブロック要素の特徴は次のとおりです: 1. 常に新しい行で開始する; 2. 行の高さ、高さとマージンを制御できます; 3. インライン要素およびその他のブロック要素を収容できます。

CSSのブロックレベル要素とは何ですか

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

(学習ビデオ共有: css ビデオ チュートリアル)

ブロックレベル要素の概要:

ブロック要素はブロックレベル要素とも呼ばれます(ブロック要素) HTMLの仕様上の概念であるinline要素がこれに相当します。ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まり、隣接するブロックレベルの要素は別の行に表示されることです。 CSS 制御を追加すると、このブロック要素とインライン要素の属性の違いは違いになりません。

例えば、inline要素にdisplay:blockのような属性を追加することで、毎回改行するという属性も持たせる、つまりblock要素にすることができます。 , ブロック要素にdisplay:を追加すると、inlineなどの属性を使用して1行に配置することができます。

ブロック要素の特徴

1. 常に新しい行から始まります;

2. 高さ、行の高さ、外側の余白と内側の余白はすべて制御できます;

3. 幅が設定されていない限り、デフォルトの幅はコンテナの 100% です。

4. インライン要素と他のブロック要素に対応できます

関連する推奨事項: CSS チュートリアル

以上がCSSのブロックレベル要素とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート