ホームページ > ウェブフロントエンド > htmlチュートリアル > 第 12 章 CSS_html/css_WEB-ITnose の使用開始

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

WBOY
リリース: 2016-06-24 11:19:28
オリジナル
1034 人が閲覧しました

学習ポイント:

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>
ログイン後にコピー
説明: 要素の間に