- 変更部分
-
ポイント
テンプレート枠ではbody部分で文字の大きさ(フォントサイズ)を一括指定しています。各要素へ個別に指定する際は、bodyに指定したサイズが基準となります。
カスタマイズ方法
- body {
- font-size: 0.85em;
- text-align: center;
- font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
- padding: 0;
- margin: 0;
- }
-
-
-
- body {
- font-size: 90%;
- text-align: center;
- font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
- padding: 0;
- margin: 0;
- }
body {
font-size: 0.85em;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}
/*----------下記が変更後のソース*/
body {
font-size: 90%;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}
カスタマイズ方法-個別要素
- body {
- font-size: 90%;
- text-align: center;
- font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
- padding: 0;
- margin: 0;
- }
-
-
-
-
-
-
-
-
-
-
- h1 {
- text-align: ***;
- font-size: 160%;
- font-weight: normal;
- }
-
- #sidebar {
- font-size: 90%;
- float: left;
- width: 180px;
- padding: 4em 10px 2em;
- }
-
- #footer {
- font-size: 120%;
- clear: both;
- padding: 0.5em 0 1em;
- }
body {
font-size: 90%;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}
/*
上記90%が基準となります
指定したい要素に下記を挿入
font-size: 値;
*/
h1 {
text-align: ***;
font-size: 160%;
font-weight: normal;
}
#sidebar {
font-size: 90%;
float: left;
width: 180px;
padding: 4em 10px 2em;
}
#footer {
font-size: 120%;
clear: both;
padding: 0.5em 0 1em;
}