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