このレイアウト用の CSS は、common フォルダの中に style.css という名前で保存されております。CSSには、大まかな要素ごとにコメントを入れておりますので、箇所の特定はしやすいと思います。お好みに合わせて設定を変更したり、必要に応じて追加してください。
本文の文字サイズは15pxに指定し、行間は少し広めに設定しています。段落の上下のアキは指定しておりません。また段落には一文字落ちのインデントを指定しています。リンクのカラーは、一般的なカラーで指定しています。
本文に画像を設置する場合は、回り込みの指定ができます。画像を右側に配置したい場合は class="alignright" を指定、左側に配置したい場合は class="alignleft" を指定してください。いずれの指定もしない場合は回り込みは行われず、画像が左側に配置されその右側は余白となります。画像を中央に配置したい場合は class="aligncenter" を指定してください。大きな画像を配置する場合はこれが便利かもしれませんね。
また、画像と次のタイトルが重なった場合はそのまま回り込みますが、画像の回り込みをタイトルで区切りたい場合は class="clear" の指定をしてください。詳しくはスタイルシートにコメントで記載していますのでご覧ください。
このテンプレートはPCのブラウザだけでなく、タブレットやスマートフォンにも対応しています。パソコンのブラウザで確認する場合は、ブラウザの横幅を狭めてみてください。タブレットやスマートフォンで見た時の変化を体感できます。
「tro-suke」で配布しているテンプレートをどうぞご利用ください。