CSS_03_Cssの外観属性

CSS外観属性

color:テキスト色

color属性は色定義に使用され、その値は3つの方法がある.

red,green,blueなどの事前定義された色.

16進数、例えば#FF 00000簡略#f 00;

RGBコード、例えば赤色はrgb(255,0,0)またはrgb(100%,0,0)として表すことができる.

line-height:行間隔

line-heightプロパティは、行間隔を設定するために使用されます.つまり、行と行の間の距離です.一般的には、行間は文字数より7、8 px程度大きい.高さを設定した場合、行間隔=高さでテキストを垂直方向に中央に配置できます.

text-align:水平位置合わせ

text-alignプロパティは、水平方向の配置を設定するために使用されます.
値
例
説明
left
text-align=left;
左揃え、デフォルト
right
text-align=right;
右揃え
center
text-align=center;
中央揃え

text-indent:最初の行を縮める

text-indentの属性はテキストの縮みを設定するために用いられ、一般的にemを単位とし、

1em = 2  

テキストの最初の行を絞る場合は、2 emを設定する必要があります.

letter-spacing:ワード間隔

letter-spacingプロパティは、フォントとフォントの間の距離を表す文字間隔を定義するために使用されます.
値
例
説明
normal
letter-spacing:normal;
デフォルト、文字間隔なし
length
letter-spacing:2px;
数値は負数にできますword-spacing英語の単語に対して、中国語は無効です.

色半透明(css 3)

rgb()方式で色設定を行い、a属性(alpha透明)を1つ追加し、値範囲は0~1であり、数値が高いほど透明効果は低くなる.

color: rgba(1,0,0,0.3);

テキストシャドウ効果(css 3)

text-shadowプロパティは、4つのパラメータを持つテキストのシャドウ効果を設定するために使用されます.

text-shadow:                   ;

値
説明
h-shadow
必要です.水平シャドウの位置
v-shadow
必要です.垂直シャドウの位置
blur
オプション.ぼかしきょり
color
オプション.影の色