ホームページ > 記事 > ウェブフロントエンド > CSS基本スタイルシート分類とセレクター分類の違いを詳しく解説
1. スタイルシートカスケードスタイルシート
CSSの利点:
コンテンツとパフォーマンスの分離
Webページの統一されたパフォーマンス、変更が簡単
豊富なスタイル、Web ページのレイアウトをより柔軟にします
Web ページのコード量を削減し、Web ページの閲覧速度を向上させ、ネットワーク帯域幅を節約します
CSS に依存しない使用Web ページの検索に役立ちますインデックス付きエンジンが含まれています & gt; 外部 ID & gt; 埋め込みクラス
& gt; 埋め込み外部タグstyle
style ="" インラインスタイルシート
は使用しないでください。 ! !入力 1.2 導入方法
内部 & GT; 内部 & GT; インポート
1.3 リンクとインポートされた相違点:
によってリンクされた CSS ファイルは、まず Web ページにロードされ、次にコンパイルされて表示されます
@import によってインポートされた CSS ファイルを使用すると、クライアントは HTML 構造を表示し、CSS ファイルを Web ページにロードします
@import は、CSS2.1 と互換性のないブラウザ向けに固有のものです。 CSS2.1 無効であると言われています
2.
SelectorID セレクター
# 1 つの HTML ドキュメント
しかありません同じ名前の IDCLASS セレクタ 複数の
ワイルドカード
*
>要素>
3
不透明度 要素の透明度を設定します、1 不透明 0 完全に透明
font-style フォントスタイルを指定しますテキストの (通常、斜体)
)font-variant
テキストがスモールキャップかどうかを指定します (英語で機能します)font-family 特定のフォントを使用するテキストを定義します
fontcomposite属性
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---- -> 例: テキストが表示されます。画像の上部を基準にして ; ...など、1つずつリストする必要はありません;] 以上がCSS基本スタイルシート分類とセレクター分類の違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
に適用可能、例:
" width="200" size= "20" color="pink"/> ; 、例:
;
関連記事
続きを見る