CSS初心者の人にも親切な、スタイルシートエディタです

スタイルシート（CSS）のソースを書いてくれるエディタがあるページ

◆ ページプロパティ作成エディタ

ここでは、これから作成するページのプロパティ（属性）を設定しますので、body部のソースは、ありません。「CSS Head Source」ボタンをクリックして、「メモ帳」に、コピー＆ペーストします。「ファイルの種類」を「すべてのファイル」にして「mystyle.css」でページと同じフォルダに保存します。そして、ホームページのhead部に以下のソースを貼り付けます。

<link href="mystyle.css" rel="stylesheet" type="text/css">

ここで、ページの属性を指定して、「ページレイアウト」または、「クールなレイアウト」でページのレイアウトをします。この2つでページの骨格が出来ます。初心者の人から、上級者の人まで、このサイトのエディタを利用すれば、ここまでは、同じように作ることができます。次のステップは、リンクです。作成するサイトのページ数や、ページのレイアウトによって、どんなリンクスタイルを使うことになるのかになります。

【お勧めソフト】
「メモ帳」よりも簡単に効率よくWebページを作成できるフリーソフトを、「素敵なフリーソフト」のページで紹介しています。

「カラーピッカー」（別ウィンドウ）で色を調べられます。

入力例
Font Style = 緑ボタンをクリックして、「ゴシック」ボタンをクリック。（このサイトは、明朝）
Font Size = 緑ボタンをクリックして、「14」px。
Line-Height（行高） = 緑ボタンをクリックして、「1.2」（2割増）
Font Color = 緑ボタンをクリックして、「ffffff」（白）。黒字でしたら、ここの指定は、不要。
Background Color = 緑ボタンをクリックして、「333333」（濃いグレー）。
Background Picture = 緑ボタンをクリックして、「picture.jpg」（画像ファイル名）。白地のページでしたら、背景色、背景画像の指定は不要です。
各リンク色 = 好みのカラーを指定。
Font size = 「12」px。ここでのサイズは、リンク文字のサイズです。（本文と同じでしたら、入力不要）
リンクに「下線を付けない」をクリック。

背景画像の配置方法を細かく指定したい場合は、「背景画像」のページを利用してください。