HTML と CSS の概要 -- 第 5 章 テキスト ブロックとリストの使用_html/css_WEB-ITnose

知識ポイント:

1. ページ上のテキストを整列させる方法

2. 3 つの HTML リストの使い方

3. リスト内にリストを配置する方法

5.1 ページ上のテキストを整列させる

の親要素内の子要素のテキストの中央揃え: 親要素の text-align:center を制御します

親要素に対する子要素の中央揃え: 子要素のマージンを制御します: 0 auto;

追伸：divは分割（グループ化）を指します。

5.2 3 種類の HTML リスト:

c34106e0b4e09414b63b2ea253ff83d6...25edfb22a4f469ecb59f1190150159c6: 順序付きリスト、リスト全体がインデントされ、各リスト項目の前に数字または文字があります

ff6d136ddc5fdfeffaf53ff6ee95f185.. 25edfb22a4f469ecb59f1190150159c6: 順序なしリスト。順序付きリストとは異なり、リスト項目の前に記号

が付きます。5c69336ffbc20d23018e48b396cdd57a...73de882deff7a050a357292d0a1fca94...67bc4f89d416b0b8236eaa5f43dee742: カスタム リスト、dt はそれぞれに対応します。項目のタイトル、および dd が各コンテンツに対応します

5.3 リストをリストに追加します:

blockquote (ブラウザによって定義される) の効果:

1 blockquote {2     display: block;3     -webkit-margin-before: 1em;4     -webkit-margin-after: 1em;5     -webkit-margin-start: 40px;6     -webkit-margin-end: 40px;7 }

リストは無限にネストできます...