よく使用される CSS スタイル

font-family フォント名を設定します

カンマで区切って複数の名前を使用でき、ブラウザは使用可能なフォントを順番に使用します

p { font-family:'宋体','黑体','Arial'; }

font-size フォント サイズを設定します

length 長さの値を使用しますテキスト サイズを指定するには、負の値は許可されません

percentage はテキスト サイズをパーセンテージで指定します。パーセンテージ値は親オブジェクトのフォントのサイズに基づきます。負の値は許可されません

p { font-size:14px;}

font-weight はフォントの太さを制御します

normal、通常のフォントに相当します数値 400

太字は太字であり、数値 700 に相当します

100~900 細い文字から太い文字まで定義します

p { font-weight:bold;}

font-style フォントを傾けるかどうかを制御します

normal テキストのフォント スタイルを通常のフォントとして指定します

italic は、斜体でデザインされていない特殊なフォントの場合、斜体を使用する場合に、テキストのフォント スタイルを斜体に指定します。外観、斜体が適用されます

oblique は、テキストのフォント スタイルを斜体フォントに指定し、フォント内の斜体を選択する代わりにテキストを人為的に傾けます Word

p { font-style: normal; }   

    p { font-style: italic; }   

    p { font-style: oblique; }

フォント (フォント スタイルの略語)

例：   

    p{   

    font-style: italic;   

    font-weight: bold;   

    font-size: 14px;   

    line-height: 22px;   

    font-family:'宋体';   

    }   

      

    缩写后：   

    p { font: italic bold 14px/22px '宋体'; }

color Text color

•英語の単語（例: 赤、黄、緑...

）#、6 10 で始まる 16 進表現 16 進数の文字または数字の組み合わせ、例: #FFFFFF、#000000...

•RGB モード、赤 0 ～ 255、緑 0 ～ 255、青 0 ～ 255、例: RGB(120,33,234)

•RGBA モード、例: RGBA(255,0,0,0.5)、最後のA は 50% の透明度を表します

text-decoration テキスト装飾線

デフォルトはありません。標準テキストを定義します

underline テキストの下に線を定義します

overline テキストの上に線を定義します

line-through テキストを通る線を定義します

blink 点滅するテキストを定義します

h1 {text-decoration:overline;}   

    h2 {text-decoration:line-through;}   

    h3 {text-decoration:underline;}

text-shadow テキストシャドウ

h -シャドウが必要です。水平方向の影の位置。負の値も許可されます

v-shadow 必須。垂直影の位置。負の値も許可されます

ぼかし オプション。ぼやけた距離

色はオプションです。影の色

h1{ text-shadow: 2px 2px 2px #ff0000;}

width width : auto | length

height height : auto | length

p { width:300px;}   

    p { width:50%;}   

    img { height:200px;}   

    p { height:100px;}

margin-bottom 上マージンを設定しますマージン

margin-left 左マージンを設定します

margin-right 右マージンを設定します

省略形:

margin: 上マージン 右マージン 下マージン 左マージン

マージン: 上下マージン 左右マージン

margin: 上のマージン、左右のマージン、下のマージン

p { width:300px; height:100px; margin:10px;}   

    p { width:300px; height:100px; margin:0 auto;}

padding-bottom は下のパディングを設定します

padding-left は左のパディングを設定します

padding- right は適切なパディングを設定します

p { width:300px; height:100px; padding:10px;}

p{ filter:alpha(opacity=50); }  /* IE6-IE8 */   

    p{ opacity:0.5; }  /* 现代浏览器 */