Web フロントエンド CSS スタイルの知識ポイントの詳細な紹介-CSSチュートリアル-php.cn

Web フロントエンド CSS スタイルの知識ポイントの詳細な紹介

高洛峰

リリース： 2017-03-27 17:58:34

オリジナル

1902 人が閲覧しました

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

HTML

でCSSスタイルを使用するには、

<head> タグから直接 CSS スタイルのステートメントを記述して HTML を制御できます

制御したいタグに直接 CSS を記述して制御できます

レベル:

ブラウザのデフォルトスタイルが最も低い

外部参照スタイル 2番目

headタグ 2番目

制御したいタグが最も優先されます

2 セレクター

h1、h2、h3、h4を組み合わせることができます。 ,h5{color:green}

統一されたスタイルになるように、中央で記号を使用してそれらを区切る必要があります

同じ要素に異なる属性を割り当てることもできます例:

p. right{text-align :right}

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 サイトの他の関連記事を参照してください。