CSS属性関連

1661 ワード

1.幅と高さ
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で最もよく指定されています.
  • 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ラベルのデフォルトのスクライブを削除するのによく使用されます.
    a {text-decoration:none;}

    最初の行のインデント
    段落の最初の行を32ピクセルインデントします.
    p {text-indent:32px;}
      li     
    lis_style:none;

    文字間の距離
    テキストの間隔を5ピクセルに変更します.
    p {
    letter-spacing:5px;
    }