入門レベルCSS基礎課(1)

2999 ワード
CSS テキストリンク

CSSとは?


これは、
  • がスタイルシートを積層することを意味する.
  • HTMLドキュメントには、タグにタグが含まれる階層構造があります.
  • CSSはHTMLドキュメントにスタイルを追加しました.
  • CSSドキュメント(コード)自体は独立して存在することができるが、構造化されたHTMLドキュメントのスタイルを定義することを目的としているため、HTMLドキュメントがないCSSドキュメントは実際には意味がない.

    • CSSデフォルト構文

    선택자{ 속성명: 속성값; }
  • 選択者:スタイルを他の要素に適用するかどうかに関する情報
  • :選択した要素に適用するスタイルを定義する領域
  • プロパティ名:どのようなスタイル(色、サイズなど)を定義するかについて
  • 属性値:定義方法に関する情報

    • HTMLにCSSを追加するには:


    CSSドキュメント(コード)をHTMLドキュメントに適用するには、次の方法を使用します.
    1)インラインスタイル
  • タグにスタイル属性を追加し、要素に直接関係するスタイルを定義するため、選択者は必要ありません.
  • ページの内容とスタイルシートを分けるためには、使用しないほうがいいです.
    • <p style="color: blueviolet;"></p>
    2)スタイルラベル
  • HTMLドキュメントにスタイルラベルを追加し、CSSコードを記述できます.
    • <style>
p{ color: chocolate;}
</style>
    3)文書間の接続
  • 拡張子は*です.CSSスタイルシートファイルを生成し、CSSコードを記述してHTMLドキュメントにリンクすることができます.
  • linkラベルを使用します.
  • linkはHTMLドキュメントのhead内部で使用する必要があります.
    • <link rel="stylesheet" href="./style.css">

href: 연결하고자 하는 외부 소스의 url을 기술하는 속성
rel: 현재문서(HTML)와 외부소스의 연관 관계를 기술하는 속성
    [BOJ 1276]架橋
    checkoutせずにmergeする