CSS個人的なまとめ

1.什么是css，指的是叠层样式表，控制网页的的外观显示。

2.引入css的三种方式，外部链接，内部链接，内联，分别的语法是，,,style="属性：值"

3.css选择器，选择器就是要针对你要所改变的元素，而单独定义的样式，就常见的选择器：ID，CLASS,元素选择器，子元素选择器，群组选择器，相邻选择器，id选择器是唯一的意思是，只能定义一个id名相同的，class选择器，类选择器，可以为多个元素定义，id选择器和class选择器的区别在于，id是唯一的就像每个人的身份证一样只有一份号码是唯一的，而class就是像每个人的名字一样可以重复，元素选择器就是选泽要改变的元素标签名字，子选择器就是在当前元素后的子元素，群组合选择器就是选泽所有想改变的元素，相邻选择器就在当前同级元素的下一个元素。

语法：

这是一个段落

 相应的  css规则： #id{ 属性：值}

       

相应的css规则：.class{ 属性：值}

       

这是一个段落

相应的css规则：p{属性：值}

       

这是一个段落奥

相应的css规则：div p{属性：值}

      

这是一个段落奥

相应的css规则：div,p{属性：值}

   

这是一个段落奥

相应的css规则：div+div{属性：值}

 

 

这是一个段落奥

 

4.フォントスタイル

フォントの種類: font-family: '';値: Songti、Microsoft Yahei など

フォントサイズ: font-size:; 通常はピクセル値 px、その他には em、パーセントが含まれます

フォントの太さ: font-weight:; 値はboldで表示され、normalはnormalです

フォントスタイル: フォントスタイル:;

色;

Line-height: line-height:; フォントの行の高さ、行の高さは距離ではありません。

5. テキストスタイル

テキスト装飾: text-decoration:; 値は、line-through (スルーライン)、underline (アンダーライン)、overline (オーバーライン) です

テキスト配置: text-align:; 値は、center (中央)、left (左揃え)、right (右揃え) です

テキストのインデント: text-ident:; 値の単位 px.em、パーセント

テキストケース: text-transform:; 値は大文字 (大文字) 小文字 (小文字) 大文字 (最初の数字は大文字) です

テキストの単語間隔: 文字間隔:; 値の単位 px、em、パーセント

単語間隔: word-sapcing:; 値の単位 px、em、パーセント

6. ボーダー

枠線のサイズ、種類、色、個別設定

border-width:; 値は px em パーセンテージです

border-style:; 値は実線、実線、一点鎖線などです

border-color:; 値の色。16 進数にすることができます。

7.背景

背景画像、背景が繰り返されるかどうか、背景の位置、背景がスクロールするかどうかはそれぞれ

背景: URL

background-repeat:; 値は次のとおりです:repeat (繰り返し) no-repeat (繰り返しません)repeat-x (x 軸の繰り返し)repeat-y (y 軸の繰り返し)

background-position:;値は中央左右上にすることができます

background-scroll:; 値はスクロール固定です

省略可能; 背景: URL リピート位置スクロール

8.ハイパーリンクスタイル

a タグの上にマウスを移動すると、表示されるスタイルは、必ずしも a 要素を設定できるわけではありません。 HTML では、どの要素にも疑似クラスを設定できます。構文: 要素: hover

マウスが訪問されていない場合はスタイル a:visit、マウスが移動された場合はスタイル a:hover、マウスが押された場合はスタイル a:active、

写真9枚

画像サイズ:幅と高さを設定することで設定できます。

画像の位置: text-align (水平方向の中央揃え)、vertical-align (垂直方向の中央揃え) による

図の境界線: 境界線を境界線に設定します

10リスト

リストのスタイル: list-style-type:;値はなし、円などです

リストスタイル画像:リストスタイル画像:；

フォーム 11

デフォルトではテーブルに境界線がありません。境界線を介して値を与える必要があります

12、ボックスモデル

ボックスモデルは、コンテンツ領域、内側のマージン、外側のマージン、境界線に分割されます

13 レイアウト

フローティング レイアウト: ブロック要素をフロートでフロートします。フロートをクリアすることに注意してください。

配置レイアウト: 設定する位置。次に設定します。上、右、下、左の値。

固定位置: 位置: 固定/スクロール

静的位置決め: 位置: 静的