Web開発、Web制作、Webデザイン

推奨する方法 html要素に適用する。 [css] html { font-size: 14pt; } [/css] 理由 単位「rem」の基準はhtml要素 フォントサイズを指定する際の単位のひとつ「rem」は、html要素のフォントサイズを基準として指定する相対サイズのこと。 それが「1rem」の値になり、小数点以下も指定可能。 [css] html { font-size: 14pt; } div { font-size: 0.8rem; } [/css] この例の場合、html要素の子になるdiv要素のフォントサイズは「11.2pt」と指定したのと同じになる。 フォントサイズ以外にも使える このrem、あくまでhtml要素のフォントサイズが基準となっているだけで、marginなどのサイズ指定にも使うことができる。 [css] html { font-size: 14pt; } div { margin: 1.2rem; } [/css] em、%は親要素のサイズが基準 remとは異なり、emと%は親要素の該当プロパティのサイズを基準とした単位のこと。 フォントサイズが基準となっているわけではない。 指定サイズが親要素に依存するということは、HTML構造の親子関係（DOMツリーの入れ子状態）を把握していないと、実際にどのサイズになるのかわかりづらいという欠点がある。 [css] div.parent { width: 500px; height: 250px; } div.child { width: 0.8em; height: 80%; } [/css] 全称セレクタを使う方法には問題がある [css] * { font-size: 14pt; } [/css] 低速 html要素に指定する場合に比べて低速になる。 ただし、現在ではブラウザのレンダリングエンジンが最適化されてきたことで、全称セレクタを使ってもたいして遅くはならないので、気にするほどのことでもないらしい。 自動的な継承より優先される HTML・CSSでは、基本的にHTMLのDOMツリーで親の要素に指定されたスタイルシートは、特に記述がなくても子など下位の要素へ自動的に引き継がれる。 例： [html] ...

takasho

Ouka Studio

inkrich（インクリッチ）は株式会社ムラウチドットコムが満を持して世に送り出す、ホームページを作成したい、ブログを書きたい方のためのまったく新しいCMSです！ 2020年ローンチ！ 次世代CMS  inkrich（インクリッチ） ※CMS: コンテンツ管理システム Co...

村内のぶひろ

ムラウチドットコム社長・村内伸弘のブログが好き