ホームページ  >  記事  >  ウェブフロントエンド  >  Web フロントエンド CSS スタイルの知識ポイントの詳細な紹介

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

高洛峰
高洛峰オリジナル
2017-03-27 17:58:341939ブラウズ

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 Browserfirebugプラグインは、フロントエンドでCSSスタイルのコードをデバッグするために使用でき、毎回ページを更新する必要はありません。 CSS スタイルを変更します。フロント業務の作業効率が向上します。

以上がWeb フロントエンド CSS スタイルの知識ポイントの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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