CSS スタイル シートは 3 つの部分から構成されていますか?

CSS スタイル シートの 3 つのコンポーネント: 1. セレクター、指定されたスタイルがページ内のどのオブジェクトに作用するかをブラウザーに伝えるために使用されます; 2. プロパティ、主に CSS によって提供されるスタイル オプションの設定です。フォント属性、テキスト属性、背景属性、レイアウト属性などを含む; 3. 属性値は指定された属性の有効な値であり、属性と属性値は「:」で区切られます。

CSS スタイル シートの構成

选择符{属性：属性值;}

• セレクター (セレクター): セレクターとも呼ばれ、CSS では非常に重要な概念です。 、すべて HTML マーカーは、さまざまな CSS セレクターを通じて制御されます。
  スタイルが作用するページ内のオブジェクトをブラウザに伝えます。これらのオブジェクトには、特定のタグ、すべての Web ページ オブジェクト、指定されたクラスまたは ID 値などが含まれます。ブラウザがこのスタイルを解析すると、セレクターに基づいてオブジェクトの表示効果がレンダリングされます。

• プロパティ: CSS によって提供されるセット スタイル オプションで、主にフォント属性、テキスト属性、背景属性、レイアウト属性、境界線属性、リスト項目属性、テーブル属性などが含まれます。 。 コンテンツ。これらのプロパティの一部は一部のブラウザでのみサポートされているため、CSS プロパティを使用するとその使用がより複雑になります。

• 属性値 (value): 指定された属性の有効な値。属性と属性値は「:」で区切られます。属性値が複数ある場合は「;」で区切ってください。

1. タグ セレクター

、ハイパーリンク タグ、テーブル タグ

を別々に表示したい場合は、タグ セレクターを使用できません。これが必要です。カテゴリセレクターを導入します。タイプセレクターの名前は自分で定義した「.」で始まり、定義された属性と属性値も CSS 仕様に準拠している必要があります。カテゴリ セレクターの HTML タグを適用するには、class 属性を使用して宣言するだけです。

例:

  
  
应用选择one
 
正文内容1
 
应用选择器two
 
正文内容2
 
应用选择器three
 
正文内容3
  

ログイン後にコピー

3.ID セレクター

ID セレクター ID HTML ページの属性は、スタイルの選択と追加に使用されます。基本的にはカテゴリ セレクターと同じです。ただし、HTML ページには 2 つの同一の ID タグを含めることはできないため、定義された ID セレクターも、一度使用しました。

名前付き ID セレクターは「#」記号で始まり、その後に HTML タグ内の ID 属性値が続く必要があります。
たとえば、ID セレクターを使用してページ内のスタイルを制御します。

   
ID选择器1
 
ID选择器2
 
ID选择器3
  

ログイン後にコピー

幅広い知識: CSS 3 の新機能

モジュールとモジュール構造

CSS 3 で一般的に使用されるモジュールを次の表に示します。

Web フロントエンド)

以上がCSS スタイル シートは 3 つの部分から構成されていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。