カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

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

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  CSSの基本

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

■ HTMLのツリー構造と親要素・子要素

HTMLは文章の論理構造を示すものであり、HTML文書はツリー構造 の形をとっています。

どのようなツリー構造となるかは文書によって異なります。 通常<html>タグの下には、<head>タグと<body>タグがあり、 <body>タグの下には文書の内容に応じてツリー構造が展開されます。

このツリー構造において1つ上の階層にある要素を「親要素」 逆に親要素からみて下の階層にある要素を「子要素」と呼びます。

スタイルシートはこのような、親要素、子要素の関係によってセレクタの設定やデフォルト値 継承などに影響がありますので、親要素・子要素の関係を理解しておきましょう。

ツリー構造の例
html
| |
head body
| | |
title h1 ul
|
li

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.