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

高洛峰
リリース: 2016-11-23 15:11:44
オリジナル
1780 人が閲覧しました

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浮動属性

見えます

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!