CSS外観属性

1847 ワード

1 color:テキスト色


役割:colorプロパティはテキストの色を定義するために使用され、その値の取り方は以下の3種類あります.
表示する
属性値
定義済みのカラー値
red、green、blue、そして私たちの御用色pink
16進数
#FF0000,#FF6600,#29D794
RGBコード
rgb(255,0,0)またはrgb(100%,0%,0%)
注意:私たちの実際の仕事では、16進数の書き方が最も多く、f 00が赤を表すなどの簡単な書き方が好きです.

2 text-align:テキスト水平位置合わせ


役割:text-alignプロパティhtmlのalignプロパティに相当するテキストコンテンツの水平位置合わせを設定します.
使用可能な属性の値は次のとおりです.
ツールバーの
説明する
left
左揃え(既定値)
right
右揃え
center
中央揃え
注意:箱の中の内容を水平に中央に配置するのではなく、箱の中の内容を水平に中央に配置します.

3 line-height:行間隔


役割:line-heightプロパティは、行間隔を設定するために使用されます.これは、行と行の間の距離、すなわち文字の垂直間隔です.一般的には行の高さと呼ばれます.
単位:line-heightでよく使われる属性値の単位は3種類あり、それぞれ画素px、相対値em、パーセンテージ%で、実際の作業で最も多く使われているのは画素pxです.
テクニック:一般的には、行間は番号より7.8ピクセル程度大きくすればいいです.

4 text-indent:最初の行のインデント


役割:text-indentプロパティを使用して、最初の行のテキストのインデントを設定します.
≪属性値|Attribute Value|ldap≫:属性値は、異なる単位の数値、em文字の幅の倍数、またはブラウザ・ウィンドウの幅に対するパーセントで、負の値を使用できます.
設定単位としてemを使用することを推奨します.
1 emは1文字の幅漢字の段落であれば1 emは1文字の幅です
p {
      /*   */
      line-height: 25px;
      /*    2    em  1 em   1     */
      text-indent: 2em;  
 }

5 text-decorationテキストの装飾


text-decorationは通常、リンクの装飾効果を変更するために使用されます.

説明
none
デフォルト.標準のテキストを定義します.下線を引く(最も一般的な)
underline
テキストの下の線を定義します.下線もリンクに付属しています(よく使われています)
overline
テキスト上の線を定義します.(いいえ)
line-through
テキストの下を通る線を定義します.(非常用)

6 CSS外観属性まとめ


ツールバーの
表示
注意点
color

私たちは通常16進数、例えば簡略化された形式のfffを使用します.
line-height
行の高さ
行と行の間の距離の制御
text-align
水平位置揃え
テキストの水平方向の配置を設定できます
text-indent
最初の行のインデント
通常、段落の最初の行を2文字インデントする距離text-indent:2 em;
text-decoration
テキスト修飾
アンダースコアunderlineを追加してアンダースコアをキャンセルすることを覚えておいてくださいnone