テンプレートとアクセスアップのでめらら楽天日記

< 新しい記事

新着記事一覧(全372件)

過去の記事 >

2005.04.29

style02(大きさの基準)

(7)

テーマ：アクセス向上(301)

カテゴリ：【実験中】

大きさの基準を理解しよう

思うようにホームページをデザインするにはまずタグを作成する際の大きさの単位を知っていることが必要ではないでしょうか。
一般的には絶対値指定をする場合の基本はポイント（pt）になります。

■絶対指定の単位(ブラウザや画面の大きさには関係なく決まった大きさ)
□mm （ミリメートル） 10mm = 1cm
□cm （センチメートル） 1cm = 10mm
□in （インチ） 1in = 2.54cm
□pt （ポイント） 72pt = 1in

■相対指定の単位(小さな画面では小さく大きな画面では大きく表示されます)
□em （エム） 1em = 大文字 M の高さ
□ex （エックスハイト） 1ex = 小文字 x の高さ
□px （ピクセル） 1px = 画面上の1ピクセル
□% （パーセント）割合
※相対単位はデフォルト（標準）の大きさを基準にしていると考えます。

1.）スタイルシートのなかでは数値が 0 以外の場合は、単位が必要です。
2.）整数以外、小数点表示も出来るので細かい設定が可能です。

■絶対指定の単位
日常生活で馴染みのある単位がこれらだと思います。

１in（インチ）＝72pt（ポイント）
１in（インチ）＝2.54cm（センチメートル）
なので
１pt（ポイント）＝0.03527（センチメートル）＝約0.35mm（ミリメートル）

【例】14ptの文字とは約4.93mmの大きさの文字ということになります。

□em （エム）というのは、現時点の環境のなかで見えている（いまこの目の前の）ブラウザで表示される『M』という文字の大きさを基準にした表示単位です。
もしいま見ているブラウザで表示される文字『M』の大きさが14ptだったとしますと

1em … 14pt （基準の大きさ）
2em … 28pt （基準の2倍の大きさ）
0.5em … 7pt （基準の半分の大きさ）

に指定されます。したがってテキストの文章などは行間指定するのに1行分なら1em、1.5行分の行間なら1.5emと細かい指定ができるわけです。

□ex （エックスハイト）というのは、現時点の環境のなかで見えている（いまこの目の前の）ブラウザで表示される『x』という文字の大きさを基準にした表示単位です。
小文字の英字abcdefghijklmnopqrstuvwxyzを良く見ますと
1.acemnorsuvwxz　は上下はみ出し無し文字、
2.bdfhijklt　は上はみ出し文字、
3.gjpqy　は下はみ出し文字に分類できます。
これらのなかで上下はみ出しのない『x』が基準なわけです。

□px （ピクセル）□% （パーセント）は凄く使うと思いますので注意点としては、何に比較しての大きさなのかを理解して使いたいですね。

※相対表示はどうしてもブラウザやその他の環境に左右される表示単位です。使用にあたっては充分に考慮したうえでつかいたいものですね。

*****************************************************
【庶事所感】
『４０代前後の世代には懐かしい初代ウルトラマンと一緒に怪獣と戦う気分を味わえるアトラクションが、このゴールデンウイークから国内の遊園地やテーマパークに登場する。日立ケーイーシステムズ、円谷エンターテインメント、バンダイの３社が共同制作した新ソフト「ウルトラマン・ザ・ライド」によるもので、まず和歌山県白浜町の白浜エネルギーランドで２９日に公開される。』
あれ！それじゃ昭和40年生まれくらいのかただからオリジナルのウルトラマンではなく再放送なのだろうなぁ・・・それにしてもUSJに続いて関西方面にはこのタイプのソフトはふたつめの開設、関東方面にも早く配給してくれないかなぁと思いました。
ん！こども向けなのですよね（＾＾）でも行きたいのです。ズバリ「ウルトラマン」世代ですので（＠＠）

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ