CSSベーススタイル

css独立ファイルを生成しhtmlで参照

       
......

変更可能:

       
......

説明:1.type:ファイルタイプ2.rel==relation:リンクされたファイルとhtmlの関係を示す.href:ファイルパス

コードフォーマット

1.エレメント属性の設定

h1,h2{
     font-family: sans-serif;
     color:gray;
     }

2.クラス内の要素属性の設定

h2.green{     //          ，   ： .green
  color: red;
}

説明:greenはクラス名、h 2はクラスの要素です.1つの要素に複数のクラスを設定できます.フォーマットは次のとおりです.

...

3.属性の継承html全体をツリーと見なす場合、ある要素pに属性を設定すると、p要素の要素はpから継承されます.cssは常に最も特定の設定に優先的に一致します.

フォントと色

1.フォントのフォントコードのフォーマット:

font-family:verdana,geneva,arial,sans-serif;

説明:次の3つのフォントは、「代替フォント」の順に選択し、フォントを順番にカスタマイズします.

@font-face{
font-family: "new font";      //       
src: url("http://.....");          //url  
}

フォントサイズの設定テクニック(ズームが容易で、px形式に設定すると、ズームはフォーマットを変更します):

body{font-size: small; }
h1{font-size: 150%; }     //  h1{font-size: 1.5em; }   

説明:デフォルトのフォントはsmallで、その他はsmallに基づいてスケールを変更し、スケールは変形しません.色cssではrgbモードを採用し、色指定方法は:1直接指定

background-color: silver;

②rgbパーセンテージ指定

background-color: rgb(80%,40%,0);

③rgb値指定(0-255)

background-color: rgb(204,102,34);

④16進コード指定

background-color: #cc6600;  //cc,66,00