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

Loading

スポンサードリンク

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

ポイント

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

カスタマイズ方法

  1. body {  
  2.   font-size0.85em;  
  3.   text-aligncenter;  
  4.   font-family"ヒラギノ角ゴ Pro W3""Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック""MS PGothic"sans-serif;  
  5.   padding0;  
  6.   margin0;  
  7. }  
  8.   
  9. /*----------下記が変更後のソース*/  
  10.   
  11. body {  
  12.   font-size90%;  
  13.   text-aligncenter;  
  14.   font-family"ヒラギノ角ゴ Pro W3""Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック""MS PGothic"sans-serif;  
  15.   padding0;  
  16.   margin0;  
  17. }  

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

  1. body {  
  2.   font-size90%;  
  3.   text-aligncenter;  
  4.   font-family"ヒラギノ角ゴ Pro W3""Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック""MS PGothic"sans-serif;  
  5.   padding0;  
  6.   margin0;  
  7. }  
  8.   
  9. /* 
  10.  
  11. 上記90%が基準となります 
  12. 指定したい要素に下記を挿入 
  13.  
  14. font-size: 値; 
  15.  
  16. */  
  17.   
  18. h1 {  
  19.   text-align: ***;  
  20.   font-size160%;  
  21.   font-weightnormal;  
  22. }  
  23.   
  24. #sidebar {  
  25.   font-size90%;  
  26.   floatleft;  
  27.   width180px;  
  28.   padding4em 10px 2em;  
  29. }  
  30.   
  31. #footer {  
  32.   font-size120%;  
  33.   clearboth;  
  34.   padding0.5em 0 1em;  
  35. }  

スポンサードリンク