タグ

ブックマーク / coliss.com (3)

  • [CSS]日本語と英語で異なる最適なフォントサイズの指定方法

    語・英語のサイト制作に使用しているCSSフォントサイズの指定で、2007年用デフォルトとしているものです。 %指定を採用している理由の1つは、font-size、line-heightとともに組み合わせにより微妙に異なり、その組み合わせの最適な値を採用するためです。 日語サイトのフォントサイズの指定 英語サイトのフォントサイズの指定 line-heightの指定 日語サイトのフォントサイズの指定 body{ font-size:16px; /**/ font-size:100%; /**/ } 上記を基準サイズとして、下記を指定。 標準: font-size:82%; 大きめ: font-size:94%; 小さめ: font-size:69%; 英語サイトのフォントサイズの指定 body{ font-size:13px;*font-size:small;*font:x-smal

    [CSS]日本語と英語で異なる最適なフォントサイズの指定方法
    Fsiki
    Fsiki 2007/04/11
    なぜそこまでフォントサイズを揃えようとするのか疑問ではあるが、テクニックの一つとして…。
  • [CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス

    2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ(*) スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな

    [CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
    Fsiki
    Fsiki 2007/03/22
    なんかややこしいことになっとる。
  • IEでのCSSのバグを回避するhasLayout | コリス

    IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

    Fsiki
    Fsiki 2007/03/22
    あとでzoomについて、ちょっと調べてみる。
  • 1