文字の大きさを変えてみる | CSS勉強中スタッフのブログ

CSS勉強中スタッフのブログ

アメブロでブログデザイン・ブログ改造・カスタマイズ!

$CSS勉強中スタッフのブログ

こんにちはー
CSS勉強中スタッフです目

今日はクリスマスイブだねー恋の矢

イブだけど、今日もCSSを勉強するよアップ
ブログ改造って楽しいからねチョキ




今日は記事の文字を大きくしてみるよ


まずは 記事の箇所を探す


/* (3-6) 記事
--------------------------------------------*/



その下の


/* skinArticle 記事エリア */
.skinArticle{




に一行追加するよ
「 font-size:1.2em; 」って追記してね





/* skinArticle 記事エリア */
.skinArticle{
padding:16px 0;
border:1px solid #dddddd;
background:#ffffff;
font-size:1.2em;
}



こんな感じになるかな
赤字以外の行は、デザインによって書いてあることが違うよ
「 } 」の前に追記してね



文字は大きくなったかなはてなマーク


font-size:1.2em;


って書き加えると記事の文字の大きさが 前より 1.2倍くらいになったはずビックリマーク

数字を変えるといろいろと大きさを調整できるよチョキ
「1.3em」とか「1.4em」とか好みの大きさに調整してみてね

今日はemっていう単位で指定したけど、まえ勉強した「px」っていう単位で指定しても大丈夫だよグッド!
自分の使いやすい方を選んでね



できたかなクラッカー


ペタしてね







※CSS編集がうまくいかないときは、この記事⇒「【Tips】CSS編集がうまくできないとき」を参考にしてください。

※このブログのカスタマイズは、「CSS編集用デザイン」 を使ったものです。CSS編集用デザイン以外のCSS編集に対応していません。

※画面、仕様は記事が投稿された時のものです。