CSSの起動

1799 ワード

1. CSS(Cascading Style Sheets)

  • CSSはHTMLタグのために設計された言語です.
    異なるデバイスに基づいて柔軟なドキュメントを作成できます.
  • 2.CSSのデフォルトフォーマット


    (1)CSSのデフォルトフォーマット

    선택자{ /* CSS의 기본 형식*/
      속성1 :;
      속성2 :;
    }

    (2)選択者?

  • は、選択された要素を表す.スタイルを上書きするには、[プロパティ]要素を選択します.
  • (3)CSSプリファレンス


    タイプ記述フォーマットは、選択ドキュメント全体のすべての要素*{marging:0}id選択者の特定の部分にスタイルを適用します.「#」#id{width:50 px;}を使用クラスセレクタは、特定のセクションのみを選択し、ドキュメントに複数回適用します.使用します.class{background-color:yellow;}タイプセレクタは、特定のタグを使用するすべての要素にスタイルp{font-style:italic;を適用します.

    (4)文字に関する属性


    タイプ説明font-familyフォントタイプfont-sizeフォントサイズfont-weightフォントの太さを指定

    (5)テキストスタイル属性


    タイプ説明colorフォント色text-chenting指定テキスト下線text-alignテキスト揃え(左、右、中)

    3.div領域



    タイプ説明margindiv外部領域のサイズを設定し、divとdivの間の外部領域のサイズborderdiv領域の線厚paddingdivの内容のdiv境界上の露光距離を表す.

    (1)ボックスモデルのプロパティ


    種類説明widboxモデルの幅指定高さボックスモデルの高さ指定ボックス-サイズボックスモデルのサイズ計算ボックス-シャドウボックスモデルのシャドウ

    (2)外枠属性


    タイプ説明border-位置-スタイルの上部、下部、左側、右側の4方向の枠線スタイルborder-位置を指定-幅の上部、下部、左側、右側の4方向の枠線の厚さ-位置-色の上部、下部、左側、右側から選択して、特定の位置の枠線の色を指定します

    (3)マージン属性


    種類説明マージン-位置top、bottom、left、rightから特定の位置を指定するマージンpaddingを選択-位置top、bottom、left、rightから特定の位置を指定する塗りつぶしを選択

    (4)背景画像に関する


    種類説明背景-color:色;背景色backgroind-mimage:url(「パス」);背景画像の指定