1つの記事でCSS-1を徹底的に学ぶ

1つの記事でCSS-1を徹底的に学ぶ

1. CSSの基本概念

1. CSS初体験

CSSの役割は、ページ内の要素(タグ)のスタイル(色、サイズ、フォント、位置など)を設定することです
ここに画像の説明を挿入

2. CSS関連のプロパティ

ここに画像の説明を挿入

3.CSSコンセプト

カスケードスタイルシート
ここに画像の説明を挿入

2.フォント属性(font-)

1.フォントサイズ

ここに画像の説明を挿入

2.フォントの太さ

ここに画像の説明を挿入

3.フォントスタイル

ここに画像の説明を挿入
ここに画像の説明を挿入

4.継続的な書き込み

ここに画像の説明を挿入

3、開発者のデバッグ

開発者デバッグツール:デバッグ、トラブルシューティング、バグの発見。プログラマーの必需品〜
ここに画像の説明を挿入

4つのシンプルな(基本)セレクター

タグセレクター、クラスセレクター、IDセレクター

セレクターを使用して対応するラベルを選択し、対応するスタイルを選択したラベルに追加します

1.タグセレクター(タグ名)

ここに画像の説明を挿入

2.クラスセレクター(。)

ここに画像の説明を挿入
ここに画像の説明を挿入

3.IDセレクター(#)

ここに画像の説明を挿入
ここに画像の説明を挿入

特記事項:

IDとクラスの違い

ここに画像の説明を挿入

IDセレクターとクラスセレクターの違いは何ですか?

ここに画像の説明を挿入

実際の開発

ここに画像の説明を挿入

5つの複雑な(複合)セレクター

1.ワイルドカードセレクター(*)

ここに画像の説明を挿入

2.ユニオンセレクター(、)

ここに画像の説明を挿入

3.交差セレクター

ここに画像の説明を挿入

4.子孫セレクター(スペース)

ここに画像の説明を挿入

5.子セレクター(>)

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

拡張の6つの小さな詳細

1.色の属性(知っているだけ)

ここに画像の説明を挿入
ここに画像の説明を挿入

2.注釈

ここに画像の説明を挿入

7、CSSの3つの執筆位置

インライン(埋め込み)スタイルシート、インラインスタイルシート、外部(外部)スタイルシート

1.埋め込みスタイル

ここに画像の説明を挿入

インラインスタイル

ここに画像の説明を挿入

アウトリーチスタイル

ここに画像の説明を挿入

3つのスタイルシートの概要

ここに画像の説明を挿入

8.テキスト-テキスト関連の属性

1.text-indent:テキストのインデント

ここに画像の説明を挿入

text-align:テキストの配置

ここに画像の説明を挿入

text-decoration:テキスト装飾

ここに画像の説明を挿入

9、ボックスを水平方向に中央揃え

ここに画像の説明を挿入

CSSの3つの特徴である10

cssの影響を説明してください〜

1.継承

ここに画像の説明を挿入

2.スタッカビリティ

ここに画像の説明を挿入

3.優先度(重要)

ページのラベルをスタイルする方法はたくさんあります〜

設定されたスタイルがカスケードされている場合、優先度(ウェイト)を考慮する必要があります

優先

ここに画像の説明を挿入

重み

ここに画像の説明を挿入
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/xiaotai1234/article/details/108521627