Рекомендуется ввести имя цвета вместо его шестнадцатеричного значения в CSS? - PullRequest
9 голосов
/ 13 января 2010

Я всегда забываю, с какими цветами я имею дело в CSS, когда вижу его шестнадцатеричное значение. Я хотел бы использовать имя вместо этого (например, цвет: светло-зеленый). Поддерживается ли оно всеми браузерами? (или только основные 16 цветов)?

Ответы [ 7 ]

17 голосов
/ 13 января 2010

CSS использует 17 стандартных цветов . Это все безопасно для использования. Существуют также системные цвета , значения которых зависят от системы и браузера, но могут быть полезны для интеграции в системные настройки по умолчанию, но это не рекомендуется для CSS3 Color (во что бы то ни стало).

6 голосов
/ 13 января 2010

Я предпочитаю шестнадцатеричное значение, так как оно поддерживается всеми браузерами, и я могу указать широкий диапазон цветов, чем названные цвета.

3 голосов
/ 30 мая 2011

Теперь все популярные браузеры поддерживают 17 базовых цветов плюс еще 130 наименований цветов http://www.w3.org/TR/2003/CR-css3-color-20030514/#svg-color и http://www.w3schools.com/css/css_colornames.asp

Таким образом, вы можете не только безопасно использовать имя этих 17 базовых цветов, но вы также можете использовать 130 ключевых имен цвета SVG 1.0

0 голосов
/ 24 февраля 2018

Вы всегда можете добавить комментарии к вашему файлу CSS, поэтому вместо:

.my_class {
    color: orange;
}

Вы можете написать:

.my_class {
    color: #ffa500; /* Orange */
}

Таким образом, вы точно знаете, что цвет будет одинаковым во всех браузерах, и вы также видите название.

0 голосов
/ 13 января 2010

Используйте классы, затем

<style>.lightorange {color: #FE7A15 !important}</style>

<div class="lightorange info"></div>

Это имеет то преимущество, что вы можете улучшить свои цвета, просто обновив свой CSS. Имейте в виду, что называть класс по его внешнему виду не очень хорошая идея, поскольку вы можете поменять весь оранжевый текст на красный, и в результате вы получите класс .lightorange {color:red}, который просто нечетный.

0 голосов
/ 13 января 2010

Подробное чтение по этому вопросу из википедии

Веб-цвета

0 голосов
/ 13 января 2010

Все цвета в rgb.txt поддерживаются большими браузерами, но некоторые могут иметь несколько разные определения. Используйте шестнадцатеричный код, чтобы быть в безопасности.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...