Learn_ CSS

4612 ワード
TIL CSS テキストリンク

CSS


積層スタイルシート(CSS)は、色、フォントタイプ、フォントサイズ、画像、要素の位置などのスタイルをHTMLドキュメントの要素に適用できるスタイルシート言語です.

CSSを使用する理由


HTMLのみを使用してWebページを作成する場合は、HTML要素の詳細なスタイルを個別に保存する必要があります.これには時間がかかり、完了後にスタイルの変更やメンテナンスが困難になります.これらの問題を解決するために作成されたstylesheet言語がCSSです.
CSSでは、Webページのスタイルを個別のファイルとして保存できるので、サイトのスタイルを簡単にコントロールできます.

CSS構文



◆Selector（選択者）


スタイルを適用するHTML要素を指します.

◆Declaration（宣言）


スタイルの要素のプロパティを指定します.
1つ以上の宣言はセミコロン(;)含む

◆属性（属性）、属性値（属性値）


CSSの適用


💻 cssの適用方法

  • 線型
  • 内部スタイルシート
  • 外部スタイルシート

    • 1朕線様式


    HTML要素内でstyleプロパティを使用してCSSスタイルを適用します.
    <body>
  <span style="color:green"> 인라인 스타일 적용 방법 </span>
</body>

    2朕内部様式表

    <head>タグを使用して、HTMLドキュメントの<style>タグにCSSスタイルを適用します.
    <head>
 <style>
   p { color:green;}
 </style>
</head>
<body>
  <p> 내부 스타일 시트 적용 방법 </p>
  </body>

    3朕外部様式表


    外部で作成されました.<head>タグに<link>タグを使用すると、外部スタイルシートが含まれます.
    <head>
  <link rel="stylesheet" href="style.css">
</head>
    canalメッセージをkafkaに送信する
    TIL 26日目/