CSSスタイル（またはルール）でCSS - ダミー

CSSスタイル定義（またはルール）では、位置とサイズをさまざまな方法異なる測定単位を用いてもよい。特定の状況では特定の種類の測定が最も効果的ですが、多くの場合、任意の単位を選択できます。

たとえば、紙やインクを扱う多くのデザイナーは、ポイントで書体を指定するために使用されます。ポイントは絶対的な長さです：1/72インチ。マガジンや本の絶対的なサイズのスペックを使用すると、書籍のページの縦横比を縮小、伸縮、変更することはできません。（アスペクト比は高さと幅の比です。）しかし、ブラウザは自由にサイズを変更できます。ブラウザの片面をドラッグすると、ブラウザが変更されて、ブラウザが薄くなったり太ったりするようになります。言い換えれば、あなたの形状、アスペクト比を、例えば正方形から長方形に変えることです。 <！ - 1 - >

ブラウザに表示されるフォントでは、相対的な測定単位が従来の点より優れています。ポイントやインチなどの絶対的な測定とは異なり、相対的な単位はフォントのサイズに比例します。結果として、タイプサイズを指定する相対的な単位の測定値でWebページの予測可能な結果が得られます。ウェブデザイナーのための測定の1つの有用な相対単位の1つは、

em です。 emは便利ですが、実際には、ほとんどのデザイナーは型のサイズを指定するときに点やピクセルを使います。たぶんそれは習慣の力であるかもしれませんが、いずれの場合でも通常、ほとんどのブラウザーで結果は正常に見えます。 <！（999）px（pixels）：

ピクセルはディスプレイ上の最小単位です。ドットテレビに十分近づいているかどうかを時々見ることができます。たとえば、モニター解像度を800×600に設定すると、縦800ピクセル×高600ピクセルになります。

ピクセルはフォントサイズを指定するのに便利な方法ですが、ピクセルを指定すると、Internet Explorerのカスタムフォントサイズオプションよりも優先されるため、ユーザーは「大」から「最大」まで調整できません。。しかし、

画像

サイズを記述するのに常にpxを使うべきです。既にピクセルで測定可能な画像（画像を任意のグラフィックスアプリケーションにロードすることで測定値を見ることができます）。 - <！ - 1 - >

mm（ミリメートル）：

Aミリメートルである。0394インチなので、1インチはおよそ26ミリメートルです。 1センチメートルは10ミリメートルを含む。世界の多くは、この メトリック
システムを使用しています。 <！ - 2 - > 999センチメートル（999センチメートル）である。 3937インチなので、1インチはおよそ2 1/2センチメートルです。
（インチ）： インチは、米国で使用されている英語または

英国

システムの単位です。イングランドといくつかの植民地時代の残党も、皇帝の体制に長い間留まりましたが、最近没収されました。英国政府は2000年に欧州の措置を遵守しましたが、今では陛下の世界のどこかでポンドで売るのは犯罪です。例えば、コーンウォールのある男性は、サバを1ポンドで売った後に裁判費用を支払わなければならないと伝えられている。 50ポンド。 <！ - 3 - >
インチは、最初のナックルと忘れ去られた王の親指の端との距離に基づいています。 50年の間、メートル法を支持して帝国制度を教育し立法する絶え間ない努力は、米国では失敗しました。Em： Emは、文字のおおよその幅<フォントの m これは、CSSのフォントサイズを指定する最も一般的な方法ですが、このアドバイスに従うデザイナーはほとんどありません。 ex（x-height）： Exは現在の要素のフォントのx高さ、または小文字 x

の高さです。）ブラウザは通常、emを半分に分割します元高を取得する。この測定単位は、現在のところ、すべての書体の平均が予測できないため、emと同じくらい有用ではありません。

％（パーセント）： 相対サイズを指定するためのパーセンテージは優れています（これは祖先、親などと相対的です）。測定単位では大文字と小文字は区別されません。あなたはそれらを大文字にするかどうかは自由です。同様に、IEでは、数値とその単位の間にスペースを入れるかどうかを指定できます。たとえば、2inは2inに相当します。他のブラウザでは、このスペースが好きではありません。簡単にするために、CSSで作業する場合は、小文字を使用し、不要なスペースを避けるのが一般的です。 2inまたは24pxフォーマットの習慣に慣れれば、CSS委員会が将来自分自身を逆転させない限り、あなたはうまくいくでしょう。 <！小さなものを理解する
専門家は、あなたが見たいと思うWebページを設計するときにemを使うことを推奨しているので、このユニットが実際に意味するものを詳しく見ておく価値があります。伝統的に、emは文字の幅 m でした。おそらく、出版の際に通常使用されるダッシュである

m-dash

または em-dash

という言葉を聞いたことがあります。これは横線です。これは、書体の文字

の幅に相当します（これは厳密には多くの書体では正確ではありません）。

のダッシュもあります。それが何に基づいているかを推測します。 <！ - 3 - >

Emとex単位はそれぞれの書体に相対的である。これは、emで指定されたサイズが、ユーザーのモニター解像度、環境設定、およびその他の要因に基づいて正確な方法で変更されることを意味するので便利です。つまり、emを使用すると、書体に相対がどうなるかを指定できます。結果は書体と周囲のテキストの他の品質に比例します。またemのような相対的な仕様では、ハンディキャップのある人が必要に応じてブラウザの書体を拡大することができます。 pxやptのような固定仕様では、このオプションはユーザーに提供されません。 Emとexは伝統的な植字単位の単位ですが、CSSの意味は若干変更されています。 1つは、コンピュータをexを半分に分割するだけでexを計算します。これは計算が簡単ですが、ほとんどのフォントの近似値にすぎません。 Em in CSSは、フォントサイズ（ピクセル単位）です。これは、em単位を指定して親要素（または他の要素）のフォントに相対的なものに依存できるので便利です。他の要素との相対的な関係を調べるための実験です。このコードでは、要素内のテキストは26pxと定義されていますが、段落要素内のテキストは1.5em、または別の方法では親のサイズの1.5倍と定義されています。 HTMLコードの後半では、段落要素はbody要素で囲まれます（親になります）。したがって、段落テキストは、1.5×26ピクセル（または39ピクセル）でレンダリングされます。本文{font-size：26px;} p {font-size：1.5em;} p。 abs {font-size：39px;}

何らかのテキスト

何らかのテキスト（親の本文の1.5 em）。テキスト（39ピクセル）。 absクラスのバージョンのテキストは、通常のと同じサイズにレンダリングされます。要素は

の親要素であり、

は親の1.5emとして定義されています。親の本文は26ピクセルをテキストサイズとして使用するため、26×1です。 5は39ピクセルになります。