美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前ページ トップページ 内容一覧 次ページ→
■文字サイズの固定
このページは文字の大きさを固定してあります。

たとえばこのように表の中に文字をかきこんでいきます。
このページは文字の大きさを固定していないので,
ブラウザの文字の大きさを最小や最大に変えるとレイアウト
ががたがたになってしまいます。

試しに文字のサイズをいろいろ変更してみてください。変わらないはずです。
それではソースをみてみましょう。

<TITLE>41.文字サイズの固定</TITLE>
<STYLE TYPE="text/css">
<!--

BODY,TD,TR,CAPTION{ font-size: 10pt ;}
#BIG { font-size: 12pt ;}
#small { font-size: 8pt ;}
-->
</STYLE>


これはスタイルシートを使った指定方法です。
<STYLE TYPE="text/css">
<!-- ここまでは呪文です。

BODY,TD,TR,CAPTION{ font-size: 10pt ;}  これはそれぞれのタグのあとの文字はすべて10ptにするということです。

#BIG はサイズの指定のための名前です。たとえば
<FONT  id="BIG">ここに書いた文字はおおきくなる。</FONT>
のように指定すると,この文字列だけ12ptの大きさに出来ます。

#small も同様に文字サイズを小さくします。

この字はBIGで指定したものです。
この字はsmallで指定したものです。


このようになります。このページは全体の文字の大きさが固定されていますので,ブラウザで変更しても文字の大きさはかわりません。ソースで変更できるのは 10ptというふうな文字の大きさと # のあとの名前だけです。大きさはいろいろ数字を入れてためしてください。名前は好きな名前が使えます。

←前ページ トップページ 内容一覧 次ページ→