知っておくべき CSS のプロパティ_html/css_WEB-ITnose

Text

color テキストの色を設定します

text-align テキストの配置を設定します

text-decoration テキストの下線を設定します

text-transformation 文字の大文字と小文字を設定します単語の最初の文字大文字の最初の文字

line-line-height

ラインの高さを設定するレター - 文字間の距離を設定します。フォントサイズ

font -style フォントを斜体または通常表示に設定します

font-weight

太字フォント

Background

background-color 背景色を設定します

background-image Set背景画像

background-repea t

背景画像の繰り返し方法を設定します

background-position

背景画像の位置をデフォルトで左上に設定します

Lists

list-style-type

Setリストの種類には、円と他の値があります box-model

margin ボックスの余白を透明に設定します。

padding ボックスのパディングを設定します。 パディングも透明になります。

border

ボックスの境界線を不透明に設定します。注: 境界線の種類を設定する必要があります。設定しないと無効になります。

float

ボックスのフロートを設定します。フロートは絶対位置決めの一種で、そのスペースはなくなります。

clear ボックスのフロートをクリアし、カプセル化されたボックスのフロートをクリアします。

position と :after / :before :after と :before は通常、position と一緒に使用されます。位置は絶対位置決めと相対位置決めに分けられますが、相対位置決めのスペースはまだありますが、絶対位置決めのスペースはありません。これら 2 つの疑似クラス + 位置の絶対配置は非常に強力で、多くの場所で使用できます。たとえば、WeChat の小さな赤い点のメッセージ通知です。

CSS3

border-radius

css3 は角丸の設定をサポートします -webkit-border-radius

webkit をサポートするブラウザ

-moz-border-radius: moz をサポートするブラウザ

構文: 半径を指定する 以上です。

box-shadow

css3 はシャドウの設定をサポートします

-webkit-box-shadow

-moz-box-shadow
構文-shadow: none|h-shadow v-shadow ぼかしのスプレッド カラー |inset|initial | 継承 画像は複数の背景画像をサポートします
** background-size** css3 は背景のサイズをサポートします

text-overflow

css3 は境界を超えるテキストの処理をサポートします 構文: text-overflow : Clip|ellipsis| string|initial|inherit;

Flexible Box Model

transform

は 2D と 3D に分かれており、主にスケーリング、移動、回転が含まれます。 続く…