ホームページ  >  記事  >  ウェブフロントエンド  >  CSS基本スタイルシート分類とセレクター分類の違いを詳しく解説

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

高洛峰
高洛峰オリジナル
2017-03-16 11:17:241596ブラウズ

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
  1. 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-aligntext-indenttext-decoration ;

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

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

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


に適用可能、例:
"
width="200" size= "20" color="pink"/> ; 、例:
;

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

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

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