CSS基本スタイルシート分類とセレクター分類の違いを詳しく解説

1. スタイルシートカスケードスタイルシート

CSSの利点:

• コンテンツとパフォーマンスの分離

• Webページの統一されたパフォーマンス、変更が簡単

• 豊富なスタイル、Web ページのレイアウトをより柔軟にします

• Web ページのコード量を削減し、Web ページの閲覧速度を向上させ、ネットワーク帯域幅を節約します

• CSS に依存しない使用Web ページの検索に役立ちますインデックス付きエンジンが含まれています & gt; 外部 ID & gt; 埋め込みクラス

  & gt; 埋め込み外部タグ

• 1.1 導入方法

style

style ="" インラインスタイルシート

• は使用しないでください。 ！ ！入力 1.2 導入方法

• 内部 & GT; 内部 & GT; インポート

• 1.3 リンクとインポートされた相違点:

/>タグは XHTML に属し、@import は CSS2.1 に属します

によってリンクされた CSS ファイルは、まず Web ページにロードされ、次にコンパイルされて表示されます

@import によってインポートされた CSS ファイルを使用すると、クライアントは HTML 構造を表示し、CSS ファイルを Web ページにロードします

@import は、CSS2.1 と互換性のないブラウザ向けに固有のものです。 CSS2.1 無効であると言われています

• 2.

  Selector

• ID セレクター

• # 1 つの HTML ドキュメント

  しかありません同じ名前の ID

• CLASS セレクタ 複数の

要素が存在する可能性があります p

ワイルドカード

*

>要素>

3

不透明度 要素の透明度を設定します、1 不透明 0 完全に透明

font

2. font-style フォントスタイルを指定しますテキストの (通常、斜体)

   )

font-variant

テキストがスモールキャップかどうかを指定します (英語で機能します)

1. font-weight テキストの太さを指定します ( 2 つのスタイルのみ

   ) 太字太字

2. font-size テキストのフォントサイズを指定します

3. font-family 特定のフォントを使用するテキストを定義します

4. 中国語フォント font-family 共通リスト http://www .php.cn/xiazai/sucai/ziti

   fontcomposite属性

5. 一般順序：フォントスタイル、小さな大文字、フォントの厚さ、フォントサイズ、フォントかどうかtext テキスト属性

color 、 text-align 、 line-height 、

letter-spacing

、 vertical-align 、 text-indent 、text-decoration ;

- ----[vertical-align--- -->1. テキスト ボックスの入力によく使用されます。2. {display: table-cell;} と組み合わせると、画像を垂直方向に中央揃えに使用できます]

-----[valign-----> テーブル内のセルにのみ適用されます。例:this is cell ]

-----[align---- ->

---

に適用可能、例:

---

" width="200" size= "20" color="pink"/> ； 、例: ;

例： テキストが表示されます。画像の上部を基準にして ; ...など、1つずつリストする必要はありません;]

以上がCSS基本スタイルシート分類とセレクター分類の違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。