初めての方にも分かりやすくホームページ作成方法を解説します♪
ホームページ作成講座
ホームページ作成講座 >> HTML・CSSの基礎知識 >> CSS:文字の大きさを変更
文字の大きさを変更
文字の大きさを変更

文字の大きさを変えるには、font-size: というプロパティを使います。

font-size: の使い方

font-size:文字の大きさ というように使用します。

ページ全体の文字の大きさを変える。
body { font-size:大きさの値 }

<p></p>間の文字の大きさを変える。
p { font-size:大きさの値 }

クラス名『contents』の文字の大きさを変える。
.contents { font-size:大きさの値 }

大きさの指定

%指定 ブラウザの文字基準サイズに対する%の値。
font-size: 70%

em指定 ブラウザの文字基準サイズを1emとした時の値。
font-size: 1.2em

ブラウザ相対指定 ブラウザで指定されている基準値。
font-size: small
xx-small < x-small < small < medium < large < x-large < xx-large

pt指定 PT単位の値。 font-size: 12pt px指定 ピクセル単位の値。
font-size: 11px


back >> ホームページ作成講座
HTML・CSSの基礎知識
HTML

文章関連
見出し
段落
改行

文字関係
強調
文字色
フォント(書体)

リンク
リンクする
ページ内ジャンプ

画像
画像を貼る
背景画像を指定

CSS(スタイルシート)

CSSの使い方
スタイルシートとは?
使い方
外部スタイルシート

文章関連
文字の大きさを変更
行間を変更

色関係
文字色
リンク色
背景色

その他
スクロールバー装飾

サイト情報 | お問い合わせ | リンク
Copyright(C)2005 ホームページ作成講座 All right reserved
当サイトはリンクフリーです。