フォントの色

font-color

例 p{ font-color : 色の指定; }

色の名前で指定できるもの

yellow		purple
aqua		fuchsia
lime		red
green		maroon
olive		white
teal		silver
blue		gray
navy		black

16進数のカラーコードで指定

例 { color: #1345ee;}
６つの数字は、１６進数２桁の数字が３つ並んだもの
Red , Green , Blue　の順に並ぶ。 #668800 のような並びのものは、#680と省略できる。

カラーコードは、このページがわかりやすい 　 カラーパレット [フルカラーセレクト]

10進数で指定

例 { color: rgb(0,100,255);}

割合で指定

例 { color: rgb(10%,25%,65%);}

フォントの大きさを変える

font-sizeプロパティの値

例 p{ font-size : 15px; }

相対単位・・・:px , em , exなど

px	ディスプレイの1画素が1px
em	ブラウザで設定しているフォントサイズの高さをが１em
ex	ブラウザで設定しているフォントサイズの小文字『x』の高さが1ex

絶対単位

pt	ポイント 1pt=0.3514mm
pc	パイカ 1pc=4.2168mm
in	インチ 1in=25.4mm
cm	センチメートル
mm	ミリメートル

%で指定

デフォルトのサイズを100%として、サイズを指定する

キーワードで指定・・・あまり使用されない

xx-small	魑魅魍魎
x-small	魑魅魍魎
small	魑魅魍魎
medium	魑魅魍魎
large	魑魅魍魎
x-large	魑魅魍魎
xx-large	魑魅魍魎
smaller	魑魅魍魎
larger	魑魅魍魎

CSSの基本構造と文字コードの指定

基本構造

スタイルシートは、
セレクタ { プロパティ：値 }で表される

他のCSSファイルを呼び出す

例：head.cssを適用させる
@import url(head.css);

文字コード指定

１行目に、
@charset "文字コード"

文字コードの表記	文字コード
UTF-8	UTF-8
Shift_JIS	Shift JIS
EUC-JP	EUC