CSS の概要
CSS の學(xué)習(xí)を始める前に、次の前提知識があることを確認してください:
HTML / XHTML
HTML と
CSS を?qū)W習(xí)するには、CSS とは何かを知る必要がありますか?
CSSはCascading Style Sheetsのことです
- スタイルはHTML要素の表示方法を定義する方法
- スタイルは通常スタイルシートに保存されます
- コンテンツの分離の問題を解決するためにスタイルはHTML 4.0に追加されましたおよびプレゼンテーション
- 外部スタイル シートは作業(yè)効率を大幅に向上させます
- 外部スタイル シートは通常 CSS ファイルに保存されます
- さらに多くのスタイル定義を 1 つにカスケードできます
スタイルは大きな問題を解決します問題
HTML タグは、次の例に示すように、もともとドキュメントのコンテンツを定義するために設(shè)計されました:
This is a title
This is a Paragraph.
スタイル シートの定義HTML 3.2 のフォント タグやカラー屬性と同様に、HTML 要素がどのように表示されるか。スタイルは通常、外部の .css ファイルに保存されます。外部スタイル シートを使用すると、単純な CSS ドキュメントを編集することで、サイト內(nèi)のすべてのページのレイアウトと外観を同時に変更できます。
CSS スタイル シートは作業(yè)効率を大幅に向上させます
スタイル シートは HTML 要素の表示方法を定義します
スタイル シートは、HTML 3.2 のフォント ラベルやラベルと同様に、HTML 要素の表示方法を定義します色のプロパティ。スタイルは通常、外部の .css ファイルに保存されます。外部スタイルシートを使用すると、単純な CSS ドキュメントを編集することで、サイト內(nèi)のすべてのページのレイアウトと外観を同時に変更できます。CSS の例
HTML ドキュメントではさまざまなスタイルを表示できます プログラムを?qū)g行して試してください<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn）</title>
<style>
h1{color: #00a0e9}
p{background-color: #8de943
}
p.ex {margin-top:2cm;}
p.bottommargin {margin-bottom:25%;}
</style>
</head>
<body>
<h1>標題</h1>
<p>一個沒有指定邊距大小的段落。</p>
<p class="ex">一個2厘米上邊距的段落。</p>
</body>
</html>
