CSSベース


CSS基礎文法

p{
	font-family:'맑은 고딕';
    font-size: 18px;
    color:blue;

セレクタ

  • スタイルを適用するHTML要素の役割を選択
  • e.g. p
  • ツールバーの

  • 指定スタイルの速釈名
  • 속성:값;この単位
  • ;利用(セミコロン)区分
  • e.g. font-family , font-size , color
  • 値(Value)

  • キーワードや特定の単位で必要なスタイルを適用する
  • 属性とペアファイル室
  • 宣言ブロック

  • 選択者の背後にある内容
  • 宣言

  • 속성:값;ペア

  • CSSをHTMLに適用する方法

  • Ling style
  • HTMLに外部CSSファイルをロード
  • 一般的によく使われる方法
  • <head>
    	<link rel=”stylesheet” href=”style.css”>
    </head>
  • Embedding style
  • HTMLの<head><style>CSSで書く
  • <head>
      <style>
      	h1 { color: blue; }
      </style>
    </head>
  • Inline style
  • HTML要素で直接スタイル属性(Attributes)を使用してCSSを作成
  • <h1 style=”color: blue”;>
    안녕하세요!
    </h1>