div+css 4 日目_html/css_WEB-ITnose

1. CSS 機能

1. 継承
一部の子要素自体がデフォルトのスタイルを持っているため、子要素は親要素の一部のスタイルを継承します。

2. カスケード

子要素が親要素と同じスタイルを定義している場合、親要素のスタイルが上書きされます。

2. CSS の使用に関するヒント

1. 特殊なフォントを使用したいのですが、どうすればよいですか?

画像に変換します。

中国語と英語のフォント。フォントの順序を設定します。英語フォントを前面に、中国語フォントを背面に設定します。

2. テキストを垂直方向の中央に表示したい場合は、行の高さを要素の高さに設定します (line-height (line-height) == 要素の高さ)。 *テキストの内容は要素の幅を超えることはできません。つまり改行はできません。この時、要素の幅を少し長めに設定することで問題を解決できます。

3.css は、h1 がデフォルトで太字になるなど、xhtml タグのデフォルトのスタイルをリセットできます。

4. スタイルのインポート: つまり、スタイルをファイルに書き込み、それを Web ページにインポートします。

注: インポートされたスタイルは実際には埋め込みスタイルと似ており、どちらも Web ページにスタイルを追加します。 ， スタイルをインポートすると、HTML ファイルのスペースが占有されます。

一部のブラウザでは、最終的に @import のコンテンツが読み込まれます。

3. CSS スタイルの優先順位

1. 4 つの適用メソッドの優先順位

Inline (内部スタイル) > リンク スタイル (外部スタイル)

注: 両方の場合リンク スタイルとインポート スタイルが同じページで使用されている場合

、その場合、近接原則を使用してそれらの優先順位、つまり、それらが表示される順序を決定する必要があります

。

2.css の優先度:

近接性の原則 (非常に重要)

範囲が小さいほど優先度が高くなります

スタイルが変更対象に近いほど、優先度が高くなります。