ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML と CSS の概要 -- 第 5 章 テキスト ブロックとリストの使用_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-06-24 11:33:25
オリジナル
962 人が閲覧しました

知識ポイント:

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

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

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

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

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

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

追伸:divは分割(グループ化)を指します。

5.2 3 種類の HTML リスト:

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

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

      が付きます。
      ...
      ...
      : カスタム リスト、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 }
      ログイン後にコピー

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

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