カスタマイズ方法｜文字の大きさを変更する

Loading

スポンサードリンク

変更部分
  • body
  • bodyを基準に各要素で個別指定

ポイント

テンプレート枠ではbody部分で文字の大きさ（フォントサイズ）を一括指定しています。各要素へ個別に指定する際は、bodyに指定したサイズが基準となります。

カスタマイズ方法

プレーン表示コピー印刷?
  1. body {  
  2.   font-size: 0.85em;  
  3.   text-align: center;  
  4.   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
  5.   padding: 0;  
  6.   margin: 0;  
  7. }  
  8.   
  9. /*----------下記が変更後のソース*/  
  10.   
  11. body {  
  12.   font-size: 90%;  
  13.   text-align: center;  
  14.   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
  15.   padding: 0;  
  16.   margin: 0;  
  17. }  

カスタマイズ方法-個別要素

プレーン表示コピー印刷?
  1. body {  
  2.   font-size: 90%;  
  3.   text-align: center;  
  4.   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  
  5.   padding: 0;  
  6.   margin: 0;  
  7. }  
  8.   
  9. /* 
  10.  
  11. 上記90%が基準となります 
  12. 指定したい要素に下記を挿入 
  13.  
  14. font-size: 値; 
  15.  
  16. */  
  17.   
  18. h1 {  
  19.   text-align: ***;  
  20.   font-size: 160%;  
  21.   font-weight: normal;  
  22. }  
  23.   
  24. #sidebar {  
  25.   font-size: 90%;  
  26.   float: left;  
  27.   width: 180px;  
  28.   padding: 4em 10px 2em;  
  29. }  
  30.   
  31. #footer {  
  32.   font-size: 120%;  
  33.   clear: both;  
  34.   padding: 0.5em 0 1em;  
  35. }  

スポンサードリンク