CSSの基礎知識フレームワーク図

cssの基礎知識フレームワーク：（1：基礎知識のまとめ。2.基礎知識のフレームワーク図）

1. CSSスタイルシートの基本概念

2. 埋め込みスタイルの基本的な種類2.インライン接続スタイル 3. 外部スタイルテーブルのチェーン 4. 外部インポート

3. スタイルテーブル設定メソッド

4. フォント属性 ---- 1.font-family

2.font-size (4 つのサイズメソッドメソッド: 絶対サイズ(xx-小...中...xx-大 7種類)、相対(大きい、小さい、em)、px、%)

3.font-weight (6通り、標準(400)、ボールド (700)、ボールド、ライト、100. . 900、継承) 4.font-style (標準、斜体、斜体) 5.font-variant (標準、小文字、継承)

5. テキスト属性----1.text-align (5 つの属性の揃え、継承) 2.letter-spacing 3.color (3 つの色の特性)

6. 背景色と画像の設定

継承)

3 .background-attachment (固定、スクロール、継承の 3 種類)

background-position (3 通り) box、border-box、content-box )

7.背景クリップ (Padding-BOX、Border-BOX、をカット)中央-BOX、テキスト)

7. ボーダー

1.ボーダー幅(5種類のボーダー、ボーダー左幅(左、右、右、下))

ボーダースタイル (border-(top| left|right|bottom)-style 4 つのタイプのそれぞれに 9 つの同一のスタイルがあります ///none/dotted/dashed/solid/double/groove/Ridge/Inset/Outset)

3. Border-COLOR

4 . Border-Imge (5, Border-IMAGE-SOURCE | Slice | width | Outset | Repeace |)

8. -left,,)padding)

9. Web ハイパーリンク設定 网 1. Web リンク属性 (4 つのリンク方法)

2. ローリング バー属性を追加します。オーバーフロー (overflow-x、overflow-y) それぞれ。 ）3.hidden（隐藏滚动条）4.scroll（总是显示滚動条）

3. 設置光标プロパティ（カーソル：手|クロスヘア|テキスト|ヘルプ|移動|e-resize|ne-resize |nw -resize|s-resize|url('#'))

10.cssの領域と配置

1. 位置の理解(相対配置と絶対配置)

2.z-indexの重なり順

3.float浮動属性

見えます