CSS の背景設定とテキストの外観プロパティの概要

この記事では、CSS の背景設定とテキストの外観属性を主に紹介します。一定の参考価値があります。興味のある友人は参照してください。お役に立てば幸いです。

CSS 背景表現:

1:background-color: 背景色のワード、RGB 表現メソッド、16 進表記

2:background-image:If背景画像は設定されていないため、フラットになります。

p {

幅: 500px;

高さ: 500px;

背景画像: url(images/wuyifan.jpg);

}

3:background-repeat: 背景画像を繰り返し表示するかどうかを設定します。

a:background-repeat:no-repeat;繰り返さない

b:background-repeat:repeat - x; 水平リピート

c：background-repeat :repeat-y; 垂直方向に繰り返します

ヒント: はい1 ピクセルまたは周期的な画像を Web ページのタイル背景として使用します

CSS 長さの単位:

— px: ピクセル、ピクセルはモニター上に表示される点です

— em: 1em=16px

ヒント: 解像度が高いコンピュータの場合、1 ピクセルを表すのに何個のドットが使用されるかによって、カラー表示がより詳細になり、効果が向上します。通常のコンピュータの解像度は、1 ドットが 1 ピクセルに対応します

一般的なテキスト サイズは 12 ピクセルと 14 ピクセルです

テキストの外観プロパティ:

1: カラー テキストの色

2: 文字間隔: 単語の間隔、文字間のスペース

3: word-sapce: 単語間隔、中国語の英語単語間の間隔を定義します。文字が無効です

4: line-hight: lineテキスト上部の高い 2 行間隔 ----- テキストの 1 行を垂直方向の中央に配置できるため、最もよく使用されます。

単語が行内の中央に配置されることを厳密に保証するため。規則: 行の高さとフォント サイズは通常は偶数です。このように、それらの差は 2 で割り切れる偶数になります。

5: text-decoration: テキストの設定に使用されます。下線

なし: 装飾なし (a は削除可能)ラベルの下線)

下線: 下線 上線: 上取り消し線

線引き: 取り消し線

6: text-align: テキスト コンテンツの水平方向の配置を設定します、HTML の align 属性に相当します。

7 : text-indent: 最初の行のインデント は、段落内のテキストの最初の行のインデントを設定するために使用され、ブロックレベルのタグでのみ設定できます。負の値を指定することもできます。実際のアプリケーションでは、ウェブサイト上のアイコン テキストをインデントします。

ヒント: 単一行のテキストを垂直方向に中央揃えするには: line-height (line-height) は p ボックスの高さと同じです。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

【おすすめチュートリアル】

1. CSSビデオ チュートリアル
2. CSS オンライン マニュアル
3. ブートストラップ チュートリアル