スタイルシート入門

スタイルシートを使えばウェブデザインは思いのまま！ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ！スタイルシートを使いこなして脱入門者になろう！サイト作りの基礎を学びたい方は >> 本館ウェブマイスタｰ	さくらインターネットたった１２５円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。３ヶ月無料キャンペーン実施中!!　レンタルサーバーのSpeever 一番高いプランも今なら無料だよ

プロパティー名	font-size
目的	文字の大きさ
値	数値+単位様々な単位がある。キーワード７段階のキーワードうちどれかを指定。

例：フォントサイズを12ピクセルに指定。

.markup {
  font-size: 12px; 
}

単位の説明

px
ディスプレイのピクセルのこと。モニタの大きさと解像度によって文字の大きさが決まる。
em
ここでsizeを指定しない時の文字の大きさを１とした場合の割合。
ex
x の文字の高さを１とした場合の割合。
cm
センチメートルで指定。環境によって文字の大きさが変わらない絶対値となる。
pt
ポイント(1/72センチ)で指定。
pc
パイカ(12ポイント)で指定。
mm
ミリメートル。
in
インチ(2.54cm) 。
%
通常の文字の大きさを１００とした場合の割合。

キーワードの説明

xx-small
x-small
small
medium
large
x-large
xx-large

mediumが通常の大きさ。他の大きさは、フォントの種類やブラウザによって異なる。

smaller
larger

上の２つは一段階大きさを変更する。

関連プロパティー

font-family ：フォントファミリーを指定。
font-size ：文字の大きさ。
font-weight ：文字の太さ。
font-style ：文字スタイル。
font-variant ：小文字を大文字を縮小した文字に変換。
font ：一括指定。

Tips

★ もっとも良く使われる単位が px 。　環境によってページに対する相対的な大きさが変わらないので、レイアウトが人によって崩れるということが無い。
次に em や % が多い。ブラウザの設定で文字の大きさを自由に変更できので好まれる。反面、最小の大きさと最大の大きさに対応したページレイアウトを必要とするデメリットはある。
他の単位は特殊用途となるので、無視して良い。

ウェブデザインをスタイルシートでおこなおう！