ホームページ >ウェブフロントエンド >CSSチュートリアル >Web フロントエンド CSS スタイルの知識ポイントの詳細な紹介
Web フロントエンド CSS スタイルの知識ポイントの詳細な紹介
- 高洛峰オリジナル
- 2017-03-27 17:58:341966ブラウズ
1. CSSスタイルの優先順位
HTML
でCSSスタイルを使用するには、
<head> タグから直接 CSS スタイルのステートメントを記述して HTML を制御できます
制御したいタグに直接 CSS を記述して制御できます
レベル:
ブラウザのデフォルトスタイルが最も低い
外部参照スタイル 2番目
headタグ 2番目
制御したいタグが最も優先されます
2 セレクター
h1、h2、h3、h4を組み合わせることができます。 ,h5{color:green}
統一されたスタイルになるように、中央で記号を使用してそれらを区切る必要があります
同じ要素に異なる属性を割り当てることもできます 例:
p.center{text-align:center}
上記は、次の HTML ステートメントを制御する CSS スタイルです
HTML のステートメントは次のとおりです:
< ;p class="right"> これは正しいです
これは中央です
このように、P要素に異なるクラス名を割り当てますこれにより、同じ要素のさまざまなスタイルをクラスの名前を通じて制御できます。
3. CSS のブラウザサポート
現在、css3.0 には多くの優れた効果がありますが、一部のブラウザーは CSS スタイルをあまりサポートしていません。たとえば、IE
CSS3.0 スタイルの一部は IE9 をサポートしていません。私たちが現在使用しているブラウザは一般的に IE7 8 9 です。それは開発にとってあまりにも苦痛です。
しかし、Firefox ブラウザは強力で、ほぼすべてのスタイルをサポートしています。Google も非常に優れたブラウザであり、彼が使用している国内の 360 ブラウザもあります。基本的に IE カーネルがその運命を決定します。開発時によく使用するブラウザは Firefox、Google、IE です。IE がサポートしていないため、それらを使用することはできません。互換性をデバッグするために使用する必要があります。
Firefox Browserのfirebugプラグインは、フロントエンドでCSSスタイルのコードをデバッグするために使用でき、毎回ページを更新する必要はありません。 CSS スタイルを変更します。フロント業務の作業効率が向上します。
以上がWeb フロントエンド CSS スタイルの知識ポイントの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。