CSSの参照について

CSSの基礎知識

開始5分で得た知識です。

1.インラインスタイル

 <h1 style="font-size: : 50px;">入会申し込み</h1>
 pxは光の粒＝解像度の単位。数字が大きければ大きいほど文字を大きく表示できる

• style属性はすべてのタグに使える＝グローバル属性と言われる
• font-sizeはプロパティと呼ばれる
• タグの中に属性を書いていくことを、インラインスタイルシートと言う。

2.内部参照

  <style>
    p {
      font-size: 14px;
    }
  </style>

• headタグの中に書く
• pはセレクターと言い、セレクターに対してスタイルシートを指定する
• スタイルシートとhtmlを分離して書くことができる

3.外部参照

  <link rel="stylesheet" href="style.css">
　rel（リル）＝リレーションのこと　href（エイチレフ）＝シートの名前

• headタグの中に書く

style.css

p {
  font-size: 14px;
}

基本的には外部参照がすっきりして良いが、
一部だけ変えたい、このページだけ変えたい　といった場合は
インラインや内部参照を使うことも。

ただし、優先順位がある
外部＞内部＞インライン
ので、設定するときは注意が必要な模様。

以上