スタイルシート(CSS)でホームページを飾ろう!

HOMEへ
HOME > ホームページ作り(CSS編)

ホームページ作り!Vol.2−CSS編

ここでは自分のホームページを無料で、気楽に、 そして手軽に作るための方法を解説しています。 ホームページ作りに関心のある方は是非参考にしていただけたらと思います。

当講座ではHomuPage Writer(略してHPW) という私が作ったソフトの使い方を解説します。 HPWはホームページを構成するHTMLファイルを作るのに特化した無料のソフトです。 このソフトはWindows98以降のOSでしか動きません。 ご了承下さい。

ホームページ作りは3部構成になります。 ここはVol.2−CSS編になっています。

  1. HTML編…文章・表・画像など、ページの基本部分の作成
  2. CSS編…文字やレイアウトなどのスタイルに関連したもの
  3. 実践編…実際にホームページを公開するまでの手順等


CSS編 解説一覧

基礎
1つのタグに適用 / 1ページのみ適用 / 複数ページに適用 / CSSファイル作成 / CSSファイルへリンク / CSS編集モード / divとspan / CSSで使用する単位 / クラス指定 / クラス付タグの登録
文字スタイル
文字色 / 文字サイズ / フォント / 太字・斜体 / 下線 / インデント / 文字揃え / 行間 / 文字間隔 / リンクタグのスタイル / 文字の縦位置
余白・幅
外側の余白 / 内側の余白 / 値の設定方法 / 一方向のみ指定 / 横幅・縦幅
枠線のスタイル
枠線の一括指定 / 線色の指定 / 線スタイルの指定 / 線幅の指定 / 方向別枠線指定
背景スタイル
背景色 / 背景画像 / 背景画像の並べ方 / 背景画像の位置 / 背景画像の固定
リストのスタイル
マークの形状 / マークの位置 / リスト画像の指定
段組・その他
回り込み / 回り込み解除 / はみ出した部分 / 表示形態

ページトップへ

HOMEへ