CSS Fundamentals


DESCRIPTION

  • HTMLはスケルトン、cssは装飾です.
  • 積層スタイルシートは、スタイリングによって必要なデザイン要素を適用できることを意味します.
  • 適用方法

  • inline-style:点数が最も高く、最も速く、最も快適です.しかし、可読性が低下し、ラベルとコードが混在し、メンテナンスに不利になる可能性があります.
  • スタイルtag:HTMLファイル内でcssコードで記述する方法.<style> code </style>の方法が使用可能である.しかし、inline-styleと同様にhtmlとcssコードが混在し、メンテナンスに不利である.
  • cssファイル上の
  • :htmlとcssのコードを別々に書く方法.htmlのスケルトンcssがスタイリングを担当するため、コードにはロールが割り当てられ、コードの表示が容易になります.これは良いメンテナンス方法です.
  • htmlとcssは異なるファイルで、cssをhtmlにリンクする必要があります.<link href="style.css(css file name)" rel="stylesheet" type="text/css">
  • link:linkラベルを使用してcssファイルをリンクします.
  • href:hrefプロパティでcssファイルパスを作成します.
  • type:リンクタグのファイルを教えてあげます.
  • rel:htmlとcssの関係を記述する属性.
  • CSS Syntax

    p {
      color: red;
    }
  • colorは財産に属する.
  • redは財産価値に相当する.
  • CSSタイプ


    タグ名

    p {
      font-size: 15px;
    }
    タグ名、すべてのpタグが値に適用されます.

    クラス名

    .className{
      code
    }
    クラスに適用するために.必要です.
    これからはテグ人に授業をすることができます.
    ex) <p class="profile"></p>

    id名

      #idName{
      code
    }
    IDには、スタイル要素が入っています.