CSS の一般的なスタイルの詳細な紹介

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

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

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

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

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

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

p { font-size:14px;}

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

通常の標準フォント、数値 400 で非常に太字

太字、数値 700 に相当

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

XML/HTML コードコンテンツをクリップボードにコピーします

1. p {font -weight:bold;}

font-styleは、フォントが傾いているかどうかを制御します

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

イタリック斜体でデザインされていない特殊なフォントの場合、必要に応じて斜体の外観を使用すると、テキストのフォント スタイルを斜体フォントとして指定するために oblique

oblique が適用され、テキストが人工的に傾きます。フォント内の斜体を選択する

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 テキストの色

•赤、黄、緑などの英単語

•で始まる16進数表現#、6 個の 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 文字飾り線

none デフォルト。標準テキストを定義します

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

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

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

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

h1 {text-decoration:overline;}   
h2 {text-decoration:line-through;}   
h3 {text-decoration:underline;}

text-shadow text Shadow

h-shadow必須。水平方向の影の位置。負の値も許可されます

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 margin : auto | 上マージンを設定します

margin-bottom下マージン

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

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

省略形:

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

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

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

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

Padding: length

padding-top 上のパディングを設定します

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

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

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

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

透明度の不透明度:

数値は 0.0 ～ 1.0 の間の小数です

すべてのブラウザと互換性があります:

p{ filter:alpha(opacity=50); }  /* IE6-IE8 */   
p{ opacity:0.5; }  /* 现代浏览器 */

上記の一般的な CSS スタイル (共有) ) は編集者が共有した内容ですので、ご参考になれば幸いです。また、皆様にも PHP 中国語 Web サイトをサポートしていただければ幸いです。

一般的な CSS スタイルの詳細と関連記事については、PHP 中国語 Web サイトに注目してください。