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

王林
リリース: 2020-06-12 15:42:14
転載
2859 人が閲覧しました

知っておくべき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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!