第 12 章 CSS_html/css_WEB-ITnose の使用開始

学習ポイント:

1. CSS の使用

2. カスケードと継承

講師: Li Yanhui

この章では主に HTML5 の CSS について説明します (カスケード スタイル シート) は、HTML ドキュメントの外観をタイプセットし、書式設定するために使用されます。

1.

CSSの使用 CSS スタイルは、セミコロンで区切られた 1 つ以上のスタイル宣言で構成されます。宣言された各スタイルには、CSS プロパティとプロパティ値が含まれています。

<p style="color:red;font-size:50px;">这是一段文本</p>

説明: style はインライン スタイル属性です。 color はカラー属性、red はカラー属性値、font-size はフォント サイズ属性、50px はフォント サイズ属性値です。

Ⅱ。 3 つの方法

CSS スタイル シートを作成するには、次の 3 つの方法があります: 1. 要素にスタイルを埋め込む; 2. ドキュメントにスタイルを埋め込む; 3. スタイルを外部からインポートする。

1.

要素埋め込みスタイル

<p style="color:red;font-size:50px;">这是一段文本</p>

説明: つまり、現在の要素の style 属性を使用する宣言方法です。

2.

Document inline style

<style type="text/css"> <br />p {　　color: blue; font-size: 40px;}</style><p>这是一段文本</p>

説明:

要素の間に