CSSとは

4707 ワード

CSSとは?


カスケードスタイルシート
HTMLを飾る言葉でHTMLを美しく見せる디자인하는 역할です.

CSS構文


  • CSSは、修飾のための要素셀렉터および修飾のための선언 블록からなる.
  • 선언 블록大きく分けて선언
  • 선언propertyproperty vauleからなる.
  • |連続指定
  • 여러 개의 propertyの場合、セミコロン(;)で区切ります.
  • HTMLとCSSの結合


    1. Inline
  • 要素のstyle属性記述CSS
  • の使用方法
    📝コード#コード#
    <!DOCTYPE html>
    <html>
      <body>
    	<div style="color:red;"> Inline </div>
      </body>
    </html>
    参照HTML의 속성属性CSS의 속성属性
    💻結果

    2. Internal
  • HTMLでCSSを記述
  • 📝コード#コード#
    <!DOCTYPE html>
    <html>
      <head>
        <style>
          div {color: red;}
        </style>
      </head>
      <body>
    	<div> Internal </div>
      </body>
    </html>
    参照HTML의 속성属性CSS의 속성属性
    💻結果

    3. External
  • 外部スタイルシートファイルを使用
  • 📝コード#コード#
  • <link>タグのhref属性指定CSSファイルのパス
  • <link>タグ付けされたrel属性にリンクされたファイルとドキュメントの関係を示す
  • 💻結果

    Reference

  • https://poiemaweb.com/