ホームページ  >  記事  >  ウェブフロントエンド  >  CSS カスケードと継承の使用の詳細については、こちらをご覧ください。

CSS カスケードと継承の使用の詳細については、こちらをご覧ください。

高洛峰
高洛峰オリジナル
2017-03-17 10:37:071347ブラウズ

1. HTML で CSS スタイル シートを使用する 3 つの方法:

(1) インライン スタイル シート。

例: LIN

(2) 埋め込みスタイルシート。

つまり、

これらのプロパティが CSS ルールと競合する場合、常に CSS ルールによってオーバーライドされます。

4. ルール内で使用してください!重要

使ってください! important で指定されたルールは、他のルールよりも重要です。

例: em {色: ブルー!重要;}

注意: ユーザー第一!重要なルールは作成者のルールより優先されます。式 ユーザーが定義したスタイルテーブルを宣言する必要があります。重要。

5. @import ルール、ファイルをインポートします。

例: h1 {color: red;}

@import url ("style.css");

/*style.css*/

h1{color: green;}

上記のコード、最終h1は赤です。デフォルトでは、インポートされたスタイルシートが元のスタイルシート ルールよりも前に表示されるためです。

6.

継承

(1) display、border、marginpaddingの属性は継承されないことに注意してください。

(2) 背景色は継承されません。設定されていない場合、デフォルト値は特別な値の透明です。

(3) 相対値を継承する場合、その値を計算してから子孫に渡します。

(4) 継承の指定: 特別な値を継承します

例: p .standout{ border :1px plain blue ;}

p .standout{ border:inhert;}

注: css 1 がリリースされたとき、作者の!重要なスタイルはユーザーのスタイルよりも優先されます。大切なスタイル。 CSS2 を使用してください、ユーザー!重要なスタイルは作者のスタイルよりも優先されます。大切なスタイル。

以上がCSS カスケードと継承の使用の詳細については、こちらをご覧ください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。