##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;
}
基本的には外部参照がすっきりして良いが、
一部だけ変えたい、このページだけ変えたい といった場合は
インラインや内部参照を使うことも。
ただし、優先順位がある
外部>内部>インライン
ので、設定するときは注意が必要な模様。
以上