ウェブデザイナーの日記

プロのデザイナーさんなら「わかっとるわい！」といわれそうですが、こうやってみてみるとふぅむそうかぁという気もします。たまには基本をおさらいするのもよいかもしれません。

私は通常、コピーライト表示等のための極小サイズ、平文のための普通サイズ、キャプション用のチョイ大きめ、大見出しがあるならもういっこ、てかんじに3〜5種類くらいのバリエーションを決めて、それぞれのline-heightを決めてというかんじでおおわくを決めてからデザインを決めていくんですが、なんつうか、だれかに習ったわけではないので我流です。学校ではどのように教えているんだろうなぁ。

IE7は入れてないので検証できません。だれかやってくれんかなぁ。

【追記】

フォントの大きさは親要素の指定を継承します。ややこしいのが、ブラウザとDOCTYPE宣言によって継承しないときもあるんですよね。バグなのかどうか知らないけど。なので、デザインが複雑になってきて、入れ子が多くなってくると気づかないうちに継承されてて、じぶんが見てるブラウザではきれいなんだけど、アッチで見るとぜんぜん変わってしまっているなんてことがよくあります。

なので、じぶんなりにルールを決めて整然としておかないとあとからえらい手間がかかったりします。cssファイルの頭に、コメントを入れておくというのもいいですね。私はいつも色と文字サイズを入れることにしてます。

『css』カテゴリのエントリ

• cssファイルにphpを記述するという技法（未検証）
• CSS :: height:1pxのボックス要素をつくるには
• CSS :: Nifty Corners :: 画像を使わずラウンドコーナーしたい
• cssで画像をプリロード

コメント・プリーズ！

お名前 (your name)

(required)

url

(optional) ※公開されます。

メールアドレス (email)

(optional) ※公開されません。管理者にだけわかります。

コメント (comment)

(required)

 クッキーにお名前、url、メールアドレスを保存する。

※クッキーに保存すると次回から入力を省略できるので便利ですが、お使いのコンピュータに情報が残りますので、公共のパソコンなどからアクセスするような場合はチェックをはずしたほうがよいでしょう。

※コメント中のhtmlタグは実体参照に変換されます。たとえば、『<』は『&lt;』というかんじになりますのでhtmlタグをそのまま書き込んでくださってオッケーです。

ADD YOUR COMMENT! / コメントする