Reset CSSについて
ブラウザが標準で備えているCSSをリセットするためのCSS。どのページにおいても必ず一番最初に読み込みます。
- 対象ブラウザはInternet Explorer 6.0&7.0&8.0、Firefox 2.0&3.0、Safari 3+、Google Chrome 1.0、Opera 9.5+。
- YUI Reset CSS と YUI Fonts CSS を改良して作成。
- CSS レベル 2.1 として正当な書式で作成。
Basic CSSについて
リセットを行った後の汎用スタイルとしてのCSS。reset.cssを読み込んだ後に上書きすることで、<a>や<form>、<li>、<table>などの基本的な要素を全ページで用いることのできる汎用スタイルとして設定します。
- 対象ブラウザはInternet Explorer 6.0&7.0&8.0、Firefox 2.0&3.0、Safari 3+、Google Chrome 1.0、Opera 9.5+。
- YUI Base CSS と YUI Fonts CSS を参考に作成。
- CSS レベル 2.1 として正当な書式で作成。
サイトごとのオリジナルCSSで上書き
Reset CSS → Basic CSSの順でCSSを読み込んだ後、サイトごとに用意したオリジナルのCSSで上書きする。このドキュメントはReset CSS → Basic CSSに続いて component.css を読み込んでページ独自のスタイルを定義しています。
font-size指定方法と見本
font-sizeを%で指定する場合、px(ピクセル)指定時のfont-sizeとの対応表と各font-sizeの見本。
pxと%の対応表
pxでの指定値 | %での指定値 |
---|---|
10 | 83.4 |
11 | 91.7 |
12 | 100 |
13 | 108.4 |
14 | 116.7 |
15 | 125 |
16 | 133.4 |
17 | 141.7 |
18 | 150 |
19 | 158.4 |
20 | 166.7 |
21 | 175 |
22 | 183.4 |
23 | 191.7 |
24 | 200 |
25 | 208.4 |
26 | 217 |
font-size見本
10px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
11px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
12px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
13px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
14px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
15px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
16px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
17px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
18px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
19px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
20px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
21px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
22px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
23px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
24px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
25px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890
26px相当のフォントサイズ
健三が遠い所から帰って来て
駒込の奥に世帯を持ったのは
東京を出てから何年目になるだろう。
ABCDEFGHIJKLMNOPQRSTUVWXYZ@&(^^)!?
1234567890