お小遣い生活の傍らでFC2共有テンプレート作成に励んでいる男の軌跡。。。
|
プロフィール |
|
|
|
カテゴリ | ||||||||||||||||||||||||
|
|
換金実績(記事リンク) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
広告エリア | |||||
|
|
カスタマイズ講座(第14回) | ||||||||||||||||||
| 2006/11/04 20:49｜カスタマイズ講座｜TB：0｜CM：0｜▲ | ||||||||||||||||||
| カスタマイズ講座(第14回) 約1月半ぶりの第１４回。 なかなかネタが続きません…。 今回のお題は『隙間』について。 記事の読み易さは文字の大きさ以上に隙間が大事。 自分の読み易く心地良い空間を作り上げましょう。  過去記事一覧
記事に隙間を空ける基本は以下の２つだけ。 ■padding…枠からの余白を指定。 ■line-height…行間を指定。 さて実例を元に説明していきます。 本日11/4の記事は『隙間』について。決められた枠の中にどのように文字を敷き詰めるかを勉強していきます。 これは、○width:200px ○padding:0px ○line-height:100%と指定した<div>の中に記事を書いたものです。 line-heightでは文字の高さを100%として1行の高さを指定します。 100%と言う事は、1行が文字の高さ分しかないので隙間が空きません。 paddingでは枠からの余白を指定します。 0pxなので当然余白がありません。 さて読み易いでしょうか？ 更に文字を小さくしたらどうなるでしょうか？ 本日11/4の記事は『隙間』について。決められた枠の中にどのように文字を敷き詰めるかを勉強していきます。 極端な例とは言え、私は読む気になりません… orz... それでは、隙間を空けてみましょう。 本日11/4の記事は『隙間』について。決められた枠の中にどのように文字を敷き詰めるかを勉強していきます。 これは、○width:200px ○padding:6px ○line-height:140%さて、どう見えるでしょうか？ ちなみにpadding:6px 6px 6px 6pxと指定すれば、 上右下左の順で4方の余白をそれぞれ設定できます。 では､今回はこの辺で。 次回もお楽しみに。。。 | ||||||||||||||||||
| コメントの投稿 |
| トラックバック |
|
トラックバックURLはこちら http://hyama2004.blog16.fc2.com/tb.php/244-0a2b2dc2 |
|
ブログ内検索(Google) |
|
|
|
最新ヒットPV(10/6) | ||||||||||||||||||||
|
|
|
あわせて読みたい |
|
当ブログの読者は↑のブログも読んでいるそうです。。。 |
|
最近の記事 | |||||||||||||||||||||||||||||||||||||||||||||
|
|
|
このブログの価値は？ |
|
|
|
最近のコメント | ||||||||||||||||||||||||||||||
|
|
|
オレンジトラフィック |
|
非常に珍しい換金可能なトラフィックエクスチェンジサイト。 ＨＰやブログを持ってなくても登録可能。 詳しくはこの記事を参考に。 |
|
リンク | ||||||||||||||||||||||||
|
|
|
最近のトラックバック | |||||||||||||||
|
|
|
お気に入りブログ |
|
|
Powered by FC2ブログ. ホームページ アフィリエイト レンタルサーバー FC2ブログ template designed by 遥かなるわらしべ長者への軌跡.