デイ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背景色
- この属性は、要素の背景色を定義します
- 一般的にはCSSの色の定義に3つの方法があります
- 進: "#FF0000の"
- RGB:「RGB(255,0,0)」
- 色と名前:「赤」
4.2背景画像
- この属性は、背景画像の要素を定義します
- URLを使用して、背景画像のパス属性値(パス)
- デフォルトでは、背景画像を繰り返し、全要素実体をカバーするためにタイル状に表示されます
4.3背景リピート
- この属性は、ショールールのクラス背景画像を定義します
- 共通の属性値
- 繰り返し-X:水平方向のタイル
- 繰り返し-Y:垂直タイル
- ノーリピート:なしタイル
4.4背景位
- この属性は、要素の背景画像の位置を指定します
- 属性値は、絶対位置決めすることができ、相対的な位置であってもよいです
4.5背景サイズ
- このプロパティは、背景画像のサイズを設定することができます
- このプロパティは、新たにCSS3のプロパティを追加します
- プロパティ値は、特定の画素値はパーセンテージであってもよいとすることができます
4.6背景アタッチメント
- このプロパティは、背景イメージが固定されているかどうかを定義するか、ページのスクロールの残りの部分に従います
- プロパティの値は次のとおりです。
- スクロール:ページのスクロールなどのデフォルトの背景
- 固定:背景には、ページをスクロールしません
- ローカル:転動体と背景
4.7背景速記プロパティ
- 背景に設定されたプロパティの数は、Aと略記することができます
- 速記プロパティ
background
- シーケンシャル属性値をある速記
- 背景色
- 背景画像
- 背景リピート
- 背景アタッチメント
- 背景位置
チップ
CSS中的所有属性都有这两个属性值:
1. initial : 设置属性为默认值
2. inherit : 设置属性从父元素继承