2008年9月3日水曜日

CSSの種類

html内の標準表記はこれにしましょう

-----------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>
</title>
</head>
<body>

</body>
</html>
-----------------
デスクトップの「home」→index.html


FONT設定

※ブラウザの種類(IE、Firefox)やバージョンによっては対応していない
 場合が多々あります。要注意!

◎書き方の例

font-family:serif


<p style="font-family:serif">こんにちは</p>

-------
フォントを指定する
font-family

serif 明朝体
sans-serif ゴシック体
cursive 草書体
fantasy ファンタジー体
monospace 等幅


-------
フォントの斜体を指定する
font-style

normal 通常表示
italic 斜体表示(イタリック体)
oblique 斜体表示


-------
スモールキャップ文字を指定する
font-varient

normal 通常の文字で表示
small-caps スモールキャップ文字で表示


-------
フォントの太さを指定する
font-weight

normal 普通(数値指定 = 400)
bold 太くなります。(数値指定 = 700)
bolder 相対的にフォント太くする。
lighter 相対的にフォントが細くする。
100~900 数値指定(100単位で指定)数値が大きい程、太いフォントとなります。


-------
フォントの文字の横幅を指定する
font-stretch

normal 標準の幅
wider 標準の幅よりも一段階広い幅
narrower 標準の幅よりも一段階狭い幅
ultra-condensed 最小の幅
extra-condensed ↓
condensed ↓
semi-condensed ↓
semi-expanded ↓
expanded ↓
extra-expanded ↓
ultra-expanded 最大の幅


-------
フォントのサイズを指定する
font-size

xx-small 非常に小さいサイズ(絶対指定)
x-small 小さいサイズ(絶対指定)
small やや小さいサイズ(絶対指定)
medium 普通サイズ(絶対指定)
large やや大きいサイズ(絶対指定)
x-large 大きいサイズ(絶対指定)
xx-large 非常に大きいサイズ(絶対指定)
smaller 親要素に対して小さくサイズ(相対指定)
larger 親要素に対して大きいサイズ(相対指定)
mm、cm、in、pt、pc、em、ex、px サイズ指定
% %指定


-------
フォントサイズの調整を指定する
font-size-adjust

数値 第一候補のフォントの「小文字の x の高さ ÷ フォントサイズ」の値を指定する。
none フォントサイズを調整しません。


-------
フォントをシステムで使用しているものを指定する
font

caption キャプション・ラベルと同じフォント(中)
icon アイコンと同じフォント
menu メニューと同じフォント
message-box メッセージボックスと同じフォント
small-caption キャプション・ラベルと同じフォント(小)
status-bar ステータスバーと同じフォント


-------
ここではfont指定だけをとりあげました。

ほかはここを参考にして試してみましょう。

参考ページ

こっちのほうがよいかな?

0 件のコメント: