ホームページ  >  記事  >  ウェブフロントエンド  >  知っておくべきCSS属性値の仕様

知っておくべきCSS属性値の仕様

王林
王林転載
2020-06-12 15:42:142891ブラウズ

知っておくべきCSS属性値の仕様

1. 値が 0 の場合、通常は単位は必要ありません。

例:

.list{
    border: 1px solid 0px;
    margin: 0px;
}

は次のように変更されます。 :

.list{
    border: 1px solid 0;
    margin: 0;
}

ただし、特別な場合があります。つまり、時間に関連する時間単位には秒が含まれている必要があります。次の 2 つは不正です:

transition-duration: 0;
transition: transform 0 linear;

2. 色には 16 を使用してくださいvalue 基本システムでは、次のように rgb

を減らします。

color: rgb(80, 80, 80);

は次のように変更されます。

color: #505050;

rgb の使用は関数であるため、計算も必要です。変換。透明度がある場合はrgbaを使用します。

#カラー値の 6 つの数値が同じ場合は、3 とだけ記述します:

color: #ccc;

3. 境界線なしと 0## の違いに注意してください。 # 次の 2 つは同じ意味です:

border: 0;
border-width: 0;

次の 2 つは同じ意味です:

border: none;
border-style: none;

したがって、境界線は 0 と none を使用して削除できます。

最終的にはパッケージ化ツールが処理してくれますが、それでも良い執筆習慣を維持することが重要です。

推奨チュートリアル:

css クイック スタート

以上が知っておくべきCSS属性値の仕様の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.imで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。