[TIL]かっこいい先端学校(3日目:CSS)

3069 ワード


  • alt+w:ドラッグ&ドロップテキストの外にpラベルを作成する

  • コード例:ul>li{menu$}*4→
  •  <ul>
        <li>menu1</li>
        <li>menu2</li>
        <li>menu3</li>
        <li>menu4</li>
     </ul>

  • CSS形式:
    セレクタ{
    属性:value(値)
    }

  • cssファイルにcssを含める方法
    方法がある

  • classは重ねて使用できます.逆にidは重ねて使用できません.
    class nameを連続的に書き込むと、隣接する場所にセルが作成されます.

  • ページ内のclassは複数存在できます.逆にidは1つしかありません.

  • 仮想要素セレクタ(:)と仮想クラスセレクタ(:)の区別
    :仮想要素セレクタには1つのコロンしかありません.2つの仮想クラスセレクタには1つのコロンしかありません.
    いつ使うか区別する仮想要素セレクタは主に後のafterまたはbeforeに使用されます.
  • **ブロック要素(block element)

  • ボックスの要素を作成します.

  • 最大幅の使用

  • 垂直スタック要素

  • 指定可能なサイズ(水平、垂直)

  • ブロック要素にブロック要素と行内要素を含めることができます

  • 上下左右のマージン&ダウンジャケットがございます
    ex)

  • ライン内要素(ライン内要素)

  • 造字要素

  • エレメント水平スタック

  • 値切るわけにはいかない.

  • 行の要素にブロック要素を含めることはできません

  • 上下の縁は許されず、左右の縁ができ、上下左右のダウンジャケットができます(直接試してみてください)
  • ex) 行内要素、ブロック要素 中にラベルが入っています!→エラー 行の要素にブロック要素を含めることはできません。 、:画像の下部にタイトル(文字、説明)を付ける要素 内側ラベルと2。拡大・縮小 :順番に定義されたリスト、タイトル、説明 :表の作成、行の配置、セルの配置、見出しの配置順 →borderをすべての要素に与えた場合、行は2行に重なります。table要素のborder-折りたたみ: collapse; 与えられた場合は、重複せずに1行のテーブルが作成されます。