ブロックレベルボックスの概念に関して

Question

CSSの下記3種類の違いを分かりやすく教えていただきたいです。

・ブロックレベルボックス
・ブロックコンテナボックス
・ブロックボックス

下記、資料を読んでいますが、「ブロックレベルボックスは、ブロック整形コンテキストに関係するボックスである。」が理解できないため他項目も理解できない状況です。
「ブロック整形コンテキストに関係する」とは具体的にどのようなことなのでしょうか？

https://momdo.github.io/css2/visuren.html#visual-model-intro
9.2.1 ブロックレベル要素とブロックボックス

Answer 1

個人的な考えですが･･･

言葉の定義を理解しようとすると、かなり難しい場合があります。

何故なら、理解する土台となる知識が無いからです。なので、最初のうちは、言葉の定義をあまり深く考えない事です。

CSSの場合、簡単に「ブロック要素」「インライン要素」を理解しておけば、あとは、意図するデザイン等に仕上げれば良いと思います。

今回の言葉の定義を調べるに至った、プロパティ等があるのであれば、実際の動作を理解するだけで良いかと思います。
そのうちに、ある程度の経験が出来上がってくると、関連知識の土台が少しづつ出来上がってきます。そこで、初めて言葉の定義を調べた時に、内容が理解できる部分は、多々あります。

---

※一部追加編集しました。

Comments

[H40831]

言葉の定義を理解しようとすると、かなり難しいという事についての補足ですが、
公式資料でとても多いパターンなのですが、もともとの文章が外国語の文だと、
そもそも日本語でピッタリ意味のあてはまる言葉がないとかの理由で、
すごくむずかしい言い方になってしまっている場合があります。
それにより、日本語で理解しようとするより先に感覚ですすめたほうがいいという考え方の説得力がいっそう強くなりますね。

[yoshinavi]

そうですね。翻訳も翻訳者による部分が大きく、難解な日本語と外来語が入り交じると尚更ですよね。

難解な言葉を掘り下げて行くほど、元の意味から外れて行きますし…

Google先生の翻訳も大概は、概略しか理解出来ないです。
（個人的な感想です）

[kairu]

ご回答ありがとうございます。
もう少し経験を積んで自分で答えを見つけようと思います。

[H40831]

あとは、基本的には公式資料はオススメしますが、
そういう「言ってることの意味がわからない」という事案については、
ググってみて、優しくまとめてくれてる人の記事を参考にしてみるのもアリかと思います。

[yoshinavi]

そうですね。ブロックの概念については、多くの解説サイトがあるかと思いますので、理解しやすい所をさがしてみてください。