CSS のブロックレベル要素と行レベル要素 (再版)

1. ブロック要素は通常、新しい行から始まります。インライン要素と他のブロック要素を収容できます。共通のブロック要素は段落タグ「P」です。「フォーム」ブロック要素は特別です。他のブロックを収容するためにのみ使用できます。
要素。
3. cssの機能がないと、ブロック要素が毎回改行で順番に配置されてしまいます。 CSS を使用すると、この HTML のデフォルトのレイアウト モードを変更し、必要な場所にブロック要素を配置できます。愚かにも毎回新しい行を始めるのではなく。 table タグもブロック要素の一種であることに注意してください。Table ベースのレイアウトと CSS ベースのレイアウトは、これら 2 つのレイアウトを一般ユーザー (視覚障害者、視覚障害者などを除く) の観点から見たものです。ページの読み込み速度の違い以外に違いはありません。しかし、一般のユーザーが誤って [ページのソース コードを表示] ボタンをクリックした場合、この 2 つの違いは非常に大きくなります。優れた再構築コンセプトに基づいて設計された CSS レイアウト ページのソース コードにより、少なくとも Web 開発の経験のない一般ユーザーでもコンテンツをすぐに理解できるようになります。この観点から、CSS レイアウト コードはより優れた審美性を備えている必要があります。
5. ブロックコンテナー要素 div をボックスとして考えることができます。または、クリッピングを試したことがある場合は、理解しやすいでしょう。まず、さまざまな新聞や雑誌から必要な記事を切り出します。カットされたコンテンツのそれぞれがブロックです。次に、レイアウトの意図に従って、これらの紙を新しい白紙に貼り付けます。これにより、独自の要約が作成されます。テクノロジーの拡張として、Web レイアウト設計も同じパターンに従います。
7. インライン要素は通常、セマンティック レベルの基本要素に基づいています。インライン要素にはテキストまたはその他のインライン要素のみを含めることができます。一般的なインライン要素は「a」です。
9. Block要素(ブロック要素)とインライン要素(インライン要素)はどちらもHTML仕様における概念です。ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まることです。 CSS 制御を追加すると、このブロック要素とインライン要素の属性の違いは違いになりません。例えば、inline要素のciteにdisplay:blockのような属性を追加することで、毎回改行するという属性も持たせることができます。
11. 可変要素の基本概念は、要素がブロック要素であるかインライン要素であるかをコンテキストに基づいて決定する必要があるということです。変数要素は、引き続き上記の 2 つの要素カテゴリに属します。コンテキストによってそのカテゴリが決定されると、ブロック要素またはインライン要素の規則に従う必要があります。大まかな要素の分類については全文を参照してください。
13. インライン要素の中国語名については、インライン要素、インライン要素、インライン要素、インライン要素など、さまざまな種類があります。基本的に統一した訳はなく、好きなように呼んでください。さらに、インライン要素について話すとき、display:inline と呼ばれる表示属性を思い浮かべます。この属性は、有名な IE の二重浮動境界線の問題を解決できます。
15. ブロック要素
17. *住所 - 住所
18. * blockquote - ブロック引用符
19. * center - ブロックを中央に揃えます
20. * dir - ディレクトリリスト
21. * div - よく使われるブロックレベルが簡単で、CSSレイアウトのメインタグでもあります
22. * dl - 定義リスト
23. * fieldset - フォームコントロールグループ
24. * フォーム - インタラクティブフォーム
25. * h1 - 見出し
26. * h2 - サブタイトル
27. * h3 - レベル 3 タイトル
28. * h4 - レベル 4 タイトル
29. * h5 - レベル 5 タイトル
30. * h6 - レベル 6 タイトル
31. * hr - 水平分割線
32. * isindex - 入力プロンプト
33. * menu - メニューリスト
34. * noframes - フレームのオプションのコンテンツ、(このブロックのコンテンツはフレームをサポートしていないブラウザーに表示されます
35. * noscript - オプションのスクリプトコンテンツ (スクリプトをサポートしていないブラウザーに表示されます)
36. *ol - ソートフォーム
37. * p - 段落
38. * 事前にフォーマットされたテキスト
39. * テーブル - テーブル
40. * ul - 未分類のリスト
42. インライン要素
44. * a - アンカーポイント
45. * abbr - 略語
46. * 頭字語 - 頭文字
47. * b - 太字 (非推奨)
48. * bdo - Bidi オーバーライド
49. * big - 大きなフォント
50. * br - 改行
51. *引用 - 引用
52. * code - コンピュータコード（ソースコードを引用する場合に必要）
53. * dfn - フィールドを定義します
54. * em - 強調
55. * font - フォント設定（非推奨）
56. * i - 斜体
57. * img - 写真
58. * input - 入力ボックス
59. * kbd - キーボードテキストを定義します
60. * label - フォームラベル
61. * q - 短い引用
62. * s - ダッシュ (非推奨)
63. * samp - サンプルコンピュータコードを定義します
64. * select - プロジェクトの選択
65. * small - 小さなフォントのテキスト
66. *span - 一般的に使用されるインラインコンテナで、テキスト内のブロックを定義します
67. * ストライク - 取り消し線
68. *strong - 太字強調
69. *サブ - 下付き文字
70. * sup - 上付き文字
71. * textarea - 複数行のテキスト入力ボックス
72. * tt - テレックステキスト
73. * u - 下線
74. * var - 変数を定義します
76. 可変要素
78. 可変要素はコンテキストに基づいて要素がブロック要素であるかインライン要素であるかを決定します。
79. * アプレット - Java アプレット
80. *ボタン - ボタン
81. * del - テキストを削除します
82. * iframe - インラインフレーム
83. * ins - 挿入されたテキスト
84. *マップ - 画像ブロック（マップ）
85. * オブジェクト - オブジェクト オブジェクト
86. *script - クライアントスクリプト

-------------------------------------------------- ------------------ 以上 コンテンツの転載元: インターネットはクリックに恋をする