デイ04

著者：ScorpioDong

CSSとは何か1

CSSはカスケーディングスタイルシート（カスケードスタイルシート）を指し、
CSSはどのように表示するブラウザでHTMLドキュメント内の要素を定義します
CSSを定義することができ、タブ（内部スタイルシート）<head><style>
CSSは外部で定義することができる.cssことで、ファイル<link>（Waibuyangshibiao）取り込まれた標識
CCSは、スタイル属性（インラインスタイル）内の特定の要素で定義されるかもしれ
効率を大幅に向上させることができ、外部スタイルシート、選択肢
スタイル定義複数のAのように積層してもよいです

2. CSSの基本的な文法

ここに画像を挿入説明

セレクター：通常は、HTML要素のスタイルを変更する必要があります
属性と値：スタイルを変更する必要があります
属性および値は、各宣言の終わりにセミコロン文を構成します
包ま中括弧を使用して宣言
でCSSのコメント/*に始まり*/終わり

3. CSSセレクタ

ここに画像を挿入説明

タグセレクタ

HTML文書は、このタグのすべての要素のスタイルを変更します

クラスセレクタ

このフィールド内のすべての要素でのクラス属性をHTML文書のスタイルを変更します

IDセレクタ

スタイルとしてすべてこの変更HTML要素のidフィールド

要素のような、特定のクラスの使用を指定することができるp.center選択されたクラスフィールド要素の中心Pと、そのすべての要素であります
スタイルの優先順位
- インラインスタイル>内部スタイルシート> Waibuyangshibiao>ブラウザのデフォルトスタイル

4. CSSの背景

4.1背景色

[画像のダンプはチェーンが失敗し、発信局は（IMG-j5ib0Ce7-1583245081508）（/ IMG / background_color.png）直接アップロードダウン画像を保存することが推奨され、セキュリティチェーン機構を有していてもよいです]

この属性は、要素の背景色を定義します
一般的にはCSSの色の定義に3つの方法があります
1. 進： "＃FF0000の"
2. RGB：「RGB（255,0,0）」
3. 色と名前：「赤」

4.2背景画像

[画像ソースステーションは、セキュリティチェーン機構を有していてもよい、チェーンが失敗したダンプ、ダウンした画像を保存することが推奨される直接アップロード（IMG-Nhj7KB61-1583245081509）（/ IMG / background_image.png）]

この属性は、背景画像の要素を定義します
URLを使用して、背景画像のパス属性値（パス）
デフォルトでは、背景画像を繰り返し、全要素実体をカバーするためにタイル状に表示されます

4.3背景リピート

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L3Px2Opo-1583245081510)(../img/background_repeat.png)]

この属性は、ショールールのクラス背景画像を定義します
共通の属性値
1. 繰り返し-X：水平方向のタイル
2. 繰り返し-Y：垂直タイル
3. ノーリピート：なしタイル

4.4背景位

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RWBy0HBQ-1583245081511)(/img/background_position.png)]

この属性は、要素の背景画像の位置を指定します
属性値は、絶対位置決めすることができ、相対的な位置であってもよいです

4.5背景サイズ

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SLYGGk2Y-1583245081512)(../img/background_size.png)]

このプロパティは、背景画像のサイズを設定することができます
このプロパティは、新たにCSS3のプロパティを追加します
プロパティ値は、特定の画素値はパーセンテージであってもよいとすることができます

4.6背景アタッチメント

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CiJIayoq-1583245081514)(../img/background_attachment.png)]

このプロパティは、背景イメージが固定されているかどうかを定義するか、ページのスクロールの残りの部分に従います
プロパティの値は次のとおりです。
1. スクロール：ページのスクロールなどのデフォルトの背景
2. 固定：背景には、ページをスクロールしません
3. ローカル：転動体と背景

4.7背景速記プロパティ

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QlNrdL9l-1583245081515)(../img/background_simple.png)]

背景に設定されたプロパティの数は、Aと略記することができます
速記プロパティbackground
シーケンシャル属性値をある速記
1. 背景色
2. 背景画像
3. 背景リピート
4. 背景アタッチメント
5. 背景位置

チップ

CSS中的所有属性都有这两个属性值：
   1. initial : 设置属性为默认值
   2. inherit : 设置属性从父元素继承

ノスタルジアはCanmengを渡します

公開された28元の記事・ウォン称賛21 ・ビュー9605

プライベートの手紙の懸念

日04 CSSやCSSの背景プロパティの概要