CSSでカラーコードの代わりに色名を使用することに何か不都合はありますか?
2023-11-03 18:30:07
質問
例えば、次のように書きます。
red
と書く方が
#cc0000
. 文字数が少なく、スペースを取らず、覚えやすいからです。
を使うことに何か不都合はありますか? 色名 を使用することに何か不都合はありますか? これは、複数開発者環境でのプログラミングを含みます。
どのように解決するのですか?
ブラウザによって、色名の意味が一致しないことがあります。1600 万の 24 ビット色すべてに対応する名前があるわけではありません。実際、W3C 標準の色の名前は 17 種類しかありません。おそらく、それらを使用しても問題ないでしょう。
個人的には、私は構築時にテンプレート システムを使用して CSS ファイルを前処理し、サイトカラーの標準セットを保持して名前で参照できるようにします。RGB カラー値が何であるかを正確に知っていて、CSS でより単純な名前を使用できるからです。
(もちろん、まだ を正確に知ることはできません。 を知ることはできません)。
編集 - この回答が書かれてから5年の間に、LessやSassのようなプリプロセッサはかなり一般的になってきました。これらは、CSSソースにおいて色(および他の多くのもの)を管理するためのいくつかの非常に洗練されたツールを提供します。
関連
-
[CSSチュートリアル】CSS3Animationで実現する簡単な指のクリックアニメーションの例
-
[CSSチュートリアル】波動効果を生み出すCSSのアイデア
-
[css3]css3はtransform-originを使用して、大きな円上のドット分布のレイアウトと回転を実現します。
-
[CSSチュートリアル】擬似要素で実現する中空三角矢印とXアイコンの例
-
[解決済み] CSSのクラス名/セレクタに使用できる文字は?
-
[解決済み] CSS Flexboxで、"justify-items "と "justify-self "プロパティはなぜないのですか?
-
[解決済み] CSSを使用してテーブルの行の色を交互に変更しますか?
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み】CSSセレクタのクラス名は大文字・小文字を区別する?
-
[解決済み] パワーメーターの赤と緑の間の色を生成する?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】CSSアニメーション 途中で止める方法とポーズを維持する方法
-
[CSSチュートリアル】Chromeのタブバーを実装するためのCSSのコツ
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSS3] CSS3リスト無限スクロール/回転効果
-
[CSSチュートリアル】CSSもこんな風に遊べる?気まぐれグラデーションの極意
-
[css3]ピュアCSS3によるネオンライト効果
-
[CSSチュートリアル】CSSでemを開く正しい方法 詳細へ
-
[CSSチュートリアル】CSSカウンターを使った数字の並びの美化方法
-
[CSSチュートリアル】タイトルを上部に配置するスティッキーレイアウトを実現するためのCSS
-
[css3]CSS3遷移回転遠近法2D3Dアニメーションなどの効果を持つサンプルコード