ホームページ  >  記事  >  ウェブフロントエンド  >  CSS チュートリアル: CSS セレクター、属性、値_基本チュートリアル

CSS チュートリアル: CSS セレクター、属性、値_基本チュートリアル

WBOY
WBOYオリジナル
2016-05-16 12:05:122124ブラウズ

body {
font-size: 0.8em;
color: Navy;
}
上記は、bodyセレクタのfont-sizeフォントサイズとcolorフォントカラーを設定することを意味します。

基本的に、HTML ページで動作する場合、body タグ間のテキストの色 (ウィンドウ全体のコンテンツ) はネイビー、フォント サイズは 0.8ems です。

長さとパーセンテージ

CSS には単位で指定する必要がある属性値が多数ありますが、一部の属性ではいくつかの基本単位が使用されており、それらを指定する価値があります。前に。
em たとえば、font-size:2em はフォントの計算されたサイズを示すため、2em は実際のフォント サイズの 2 倍になります。
px、たとえば font-size:12px はピクセルの単位です。
ptたとえば、font-size:12pxはポイントの単位です。
% たとえば、font-size: 80% はパーセンテージです。
他の単位には、pc (12 ポイントの欧文タイプ)、cm (センチメートル)、mm (ミリメートル)、および in (インチ) が含まれます。

値が 0 の場合、単位は必要ありません (例: border:0 は境界線なしを意味します)。

Web ページは静的な絶対的なメディアではありません。これは、スケーラブルな形状内で、ユーザーがフォント サイズや画面サイズなどを好みに合わせて調整できるようにする必要があることを意味します。

このため、フォント サイズ (幅と高さ) には「em」と「%」を使用することをお勧めします。それに比べ、px はほとんどのブラウザでサイズを変更できないため、使用は控えめにしてください。枠線のサイズに応じて使用できます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。