CSS属性関連
1661 ワード
1.幅と高さ
widthプロパティは、要素の幅を設定することができる.
height属性は要素の高さを設定することができる.
ブロックレベルのラベルは幅を設定ことができ、インラインラベルの幅は内容によって決定する.
2.フォント属性
テキストフォント
font-familyは、複数のフォント名を「ロールバック」システムとして保存できます.ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します.ブラウザは、認識可能な最初の値を使用します.
例:
フォントサイズ
inheritに設定と、継承する親要素のフォントサイズの値が表示されます.
ワードウェイト(太さ)
font-weightフォントのフォント重量(太さ)を設定します.
値
説明
normal
標準の太さ
bold
太字
bolder
より太い
lighter
より細かく
100~900
具体的な太さを設定します.400はnormalに等しく、700はboldに等しくなります.
inherit
親要素のフォントの太さ、デフォルト値を継承します.
テキストの色
色プロパティは、テキストの色を設定するために使用されます.
色はCSSで最もよく指定されています. 16進数-例:#FF 0000 RGB値-例えば、RGB(255,0,0) 色の名前-red など
rgba(255,0,0,0.3)もあり、4番目の値はalphaで、色の透明度/不透明度を0.0~1.0の範囲で指定します.
3.テキスト属性
テキストの配置
text-alignプロパティは、要素内のテキストの水平位置合わせを規定します.
値
説明
left
左揃え
right
右揃え
center
中央揃え
justify
両端揃え
文字の装飾
text-decorationプロパティは、テキストに特殊な効果を追加するために使用されます.
値
説明
none
デフォルト.標準のテキストを定義します.
underline
テキストの下の線を定義します.
overline
テキスト上の線を定義します.
line-through
テキストの下を通る線を定義します.
inherit
親要素のtext-decorationプロパティの値を継承します.
aラベルのデフォルトのスクライブを削除するのによく使用されます.
最初の行のインデント
段落の最初の行を32ピクセルインデントします.
文字間の距離
テキストの間隔を5ピクセルに変更します.
widthプロパティは、要素の幅を設定することができる.
height属性は要素の高さを設定することができる.
ブロックレベルのラベルは幅を設定ことができ、インラインラベルの幅は内容によって決定する.
2.フォント属性
テキストフォント
font-familyは、複数のフォント名を「ロールバック」システムとして保存できます.ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します.ブラウザは、認識可能な最初の値を使用します.
例:
body {font-family:"Microsotf Yahei"," ","Arial",sans-serif}
フォントサイズ
p{font-size:14px;}
inheritに設定と、継承する親要素のフォントサイズの値が表示されます.
ワードウェイト(太さ)
font-weightフォントのフォント重量(太さ)を設定します.
値
説明
normal
標準の太さ
bold
太字
bolder
より太い
lighter
より細かく
100~900
具体的な太さを設定します.400はnormalに等しく、700はboldに等しくなります.
inherit
親要素のフォントの太さ、デフォルト値を継承します.
テキストの色
色プロパティは、テキストの色を設定するために使用されます.
色はCSSで最もよく指定されています.
rgba(255,0,0,0.3)もあり、4番目の値はalphaで、色の透明度/不透明度を0.0~1.0の範囲で指定します.
3.テキスト属性
テキストの配置
text-alignプロパティは、要素内のテキストの水平位置合わせを規定します.
値
説明
left
左揃え
right
右揃え
center
中央揃え
justify
両端揃え
文字の装飾
text-decorationプロパティは、テキストに特殊な効果を追加するために使用されます.
値
説明
none
デフォルト.標準のテキストを定義します.
underline
テキストの下の線を定義します.
overline
テキスト上の線を定義します.
line-through
テキストの下を通る線を定義します.
inherit
親要素のtext-decorationプロパティの値を継承します.
aラベルのデフォルトのスクライブを削除するのによく使用されます.
a {text-decoration:none;}
最初の行のインデント
段落の最初の行を32ピクセルインデントします.
p {text-indent:32px;}
li
lis_style:none;
文字間の距離
テキストの間隔を5ピクセルに変更します.
p {
letter-spacing:5px;
}