ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの3大特徴と背景の透明度設定の紹介

CSSの3大特徴と背景の透明度設定の紹介

不言
不言オリジナル
2018-08-06 10:36:131786ブラウズ

この記事では、CSS の 3 つの主要な機能と背景の透明度の設定について説明します。必要な方は参考にしてください。

インライン要素について (もう 1 つ)

インライン要素には、テキストまたはその他のインライン要素のみを含めることができます。 (ブロックレベルの要素は特殊な a に配置できます)

例:

行の高さのヒント:

セレクターのネストレベルは 3 レベルを超えてはならず、後ろの修飾条件は次のとおりです。できるだけ正確である必要があります。

属性の定義は新しい行で開始する必要があります。

行の高さの測定について:

CSSの3大特徴(カスケード優先度継承)

a、カスケード:複数のCSSスタイルの重ね合わせ

はブラウザが競合を処理する方法です機能。属性が 2 つの同じセレクターを通じて同じ要素に設定されている場合、この時点で 1 つの属性がもう 1 つの属性をカスケードします。

通常、スタイルの競合がある場合は、CSS が記述された順序に従い、最後のスタイルが優先されます。

b. 優先順位

CSS スタイルを定義する場合、同じ要素に 2 つ以上のルールが必要になることがよくありますが、その場合、優先順位の問題が発生します。

スタイルの重みを重ね合わせることができます

インラインタグ>IDセレクター>クラスタグ>ワイルドカードセレクター(重みなし)

ヒント:背景は半透明です背景: rgba (0, 0, 0, 3);

最後のパラメータは、0 ~ 1 の範囲です。 注: 背景の透明度は、ボックスの背景とコンテンツの透明度を指します。箱の中は影響を受けません。

関連する推奨事項:

css3 の新しい属性: css3 の複数列レイアウト属性の概要 (例付き)

CSS 境界線属性の簡単な分析: 幅、スタイル、境界線など

CSSグリッドレイアウト(Grid)の2つの方法紹介(コード付き)

以上がCSSの3大特徴と背景の透明度設定の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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