全部まるごとスタイルシート－ＨＴＭＬの基本構造

ＣＳＳ　－スタイルシートリファレンス－　ブラウザの種類による対応状況などもプロパティごとに掲載！

◆ 【できるブログ】　高度なテクニックも簡単に判り易く解説。既存の初心向けブログ本とは一線を画す内容。

◆ プチ・ホームページサービス　HTMLやCSSなどの知識がなくても選ぶだけでサイトが完成。掲示板やカート他、機能も豊富です。

バナーはダウンロード
してお使い下さい。

リンク集

・ Webの本屋さん
・宿泊施設検索
・世界のホテル
・マーケット
・ファッション雑貨

制作関連

最新フリーフォント
セレクション

フリーで使用できるフォントを収録（CD－ROM）。約１０００書体より、ポップ、エレガント、クール他、イメージでフォントを探す事ができます。ウェブ制作に便利な一冊です。

■　　ＣＳＳの基本

▼ デフォルトのスタイルシートの設定
▼ ＨＴＭＬの基本構造
▼ ＨＴＭＬのツリー構造と親要素・子要素
▼ スタイルシートの設定方法
▼ コメント・コメントアウトについて
▼ スタイルシートの書式
▼ スタイルの優先順位
▼ セレクタの設定方法
▼ スタイルの継承
▼ ＵＲＬの記述方法
▼ ＤＴＤとブラウザでの表示モード

■　ＨＴＭＬの基本構造

ＨＴＭＬの基本構造は下図のようになります。

ＨＴＭＬの基本構造

ＨＴＭＬタグが形成するかたまりを要素と呼びます。要素はブロックレベル要素と、インラインレベル要素に大別され、他のどの要素をないように含めることができるのかなどに決まりがあります。インラインレベル要素の中に、ブロックレベル要素を含めることができません。

たとえば、文字の水平位置を指定するtext-alignプロパティはブロックレベルのみに適用、文字の垂直位置を指定するvertical-alignプロパティはインラインレベル要素とセル要素のみに適用することになっています。

定義から外れる要素であっても指定が有効である場合もありますので、要素のタイプをあまり意識しなくても利用することができますが、正確にスタイルシートを使用するならば、要素がどんなタイプに属するのかは理解しておきたいところです。

ブロックレベル要素	見出しや段落などのまとまりを構成する要素。一般的には前後に改行が入ります。 address、blockquote、center、dir、div、dl、fieldset、form、h1～h5、hr、menu、noframes、ol、p、pre、table、ul
インラインレベル要素	文字と同じレベルで扱われる要素。一般的に前後に改行は入りません。 a、abbr、acronym、applet、b、basefont、big、br、button、cite、code、em、font、i、iframe、img、input、label、map 、object、q、select、small、span、strong、sub、sup、textarea、u

ins要素、del要素はブロックレベル、インラインレベルの両方で使用できます。

別扱いの要素
テーブル要素セル要素キャプション要素	テーブル要素は<table>タグセル要素は<th>や<td>タグキャプション要素は<caption>タグの要素です。
リストアイテム要素	リストアイテム要素はリストの<li>タグのことです。

ＬＩＮＫ

ＨＴＭＬの基礎

ホームページ作成の基礎知識について解説。ＨＴＭＬタグの辞書としても使えます。

コマンドプロンプト

コマンドプロンプト・ＤＯＳの関係についての解説やコマンドの目的別辞書。Windowsをもっと便利に。

ＸＭＬ

初心者でもわかるＸＭＬの基礎講座。ＸＭＬを使用した文書を作成しながらＸＭＬの基礎を学ぶ。

配色の話

色は印象を決定付ける重要な要素。彩度や明度の関係・色彩の基礎知識について掲載。

ＣＳＳ －スタイルシートリファレンス－ ブラウザの種類による対応状況などもプロパティごとに掲載！

■ ＣＳＳの基本

■ ＨＴＭＬの基本構造

ＣＳＳ　－スタイルシートリファレンス－　ブラウザの種類による対応状況などもプロパティごとに掲載！

■　　ＣＳＳの基本

■　ＨＴＭＬの基本構造