6. CSS – Цвета: форматы и коды
Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.
Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:
| Формат | Синтаксис | Пример |
| Шестнадцатеричный код | #00FF00 | p |
| Короткий шестнадцатеричный код | #0F0 | p |
| RGB % | rgb(rrr%,ggg%,bbb%) | p |
| RGB абсолютный | rgb(rrr,ggg,bbb) | p |
| Ключевое слово | green, white, black и т.д. | p |
Ниже более подробно описаны перечисленные форматы.
Цвета CSS – шестнадцатеричные коды
Шестнадцатеричный код цвета – это шестизначное представление цвета. Первые две цифры (RR) – представляют собой красное значение, следующие две – это зеленое значение (GG), а последние – синее значение (BB).
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
| Цвет | Шестнадцатеричный цвет | |
| Белый | #FFFFFF | |
| Черный | #000000 | |
| Красный | #FF0000 | |
| Лайма | #00FF00 | |
| Синий | #0000FF | |
| Желтый | #FFFF00 | |
| Морская волна | #00FFFF | |
| Фуксия | #FF00FF | |
Цвета CSS – короткие шестнадцатеричные коды
Короткий шестнадцатеричный код цвета – это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
| Цвет | Шестнадцатеричный цвет | |
| Белый | #FFF | |
| Черный | #000 | |
| Красный | #F00 | |
| Лайма | #0F0 | |
| Синий | #00F | |
| Желтый | #FF0 | |
| Морская волна | #0FF | |
| Фуксия | #F0F | |
Цвета CSS – RGB значения
RGB значение – это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.
Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.
Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.
| Цвет | Шестнадцатеричный цвет | |
| Белый | rgb(255, 255, 255) | |
| Черный | rgb(0, 0, 0) | |
| Красный | rgb(255, 0, 0) | |
| Лайма | rgb(0, 255, 0) | |
| Синий | rgb(0, 0, 255) | |
| Желтый | rgb(255, 255, 0) | |
| Морская волна | rgb(0, 255, 255) | |
| Фуксия | rgb(255, 0, 255) | |
Генератор цветовых кодов
Вы можете создавать миллионы цветовых кодов с помощью генератора цветовых палитр – Adobe Color.
Безопасные цвета браузера
Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.
| Таблица «безопасных» цветов в CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Оглавление
- 1. CSS – Самоучитель для начинающих
- 2. CSS – Введение
- 3. CSS – Селекторы
- 4. CSS – Подключение
- 5. CSS – Единицы измерения
- 6. CSS – Цвета
Даю 100 баллов, тест на Каскадные таблицы стилей (CSS) 100 баллов •1 Какая команда в стилевом файле задаёт красный цвет текста для всех абзацев класса formula?
•2 Какая команда в стилевом файле задаёт синий цвет фона для всех элементов класса abc?
3• Какая команда в стилевом файле задаёт черный цвет фона для всей страницы?
4• Как правильно задать свойства тэга в стилевом файле?
5• Какой тэг языка HTML используется для подключения стилевого файла к веб-странице?
•6 Запишите команду, которая в стилевом файле задаёт сплошную рамку красного цвета толщиной 1 пиксель у всех абзацев класса qq. В ответе используйте только необходимые пробелы.
7• Какая команда в стилевом файле задаёт синий цвет текста для всех абзацев?
8• Какой тэг языка HTML используется для подключения стилевого файла mystyle.css к веб-странице?
9• Какая команда в стилевом файле задаёт зелёный цвет фона для всех абзацев класса zzz?
10• Какое расширение имеют стилевые файлы?
Как записать в стилевом файле обозначение белого цвета в виде шестнадцатеричного кода
Advertisement
Document details
HTML
Published on Dec 19, 2012
Follow this publisher
Read more
Advertisement
Advertisement
Advertisement
Advertisement
Advertisement
Advertisement
Create once. Share everywhere.
- Company — About us
- Company — Careers
- Company — Blog
- Company — Webinars
- Company — Press
Issuu Features
- Issuu Features — Fullscreen Sharing
- Issuu Features — Social Posts
- Issuu Features — Articles
- Issuu Features — Embed
- Issuu Features — Statistics
- Issuu Features — InDesign Integration
- Issuu Features — Cloud Storage Integration
- Issuu Features — GIFs
- Issuu Features — Canva Integration
- Issuu Features — Add Links
- Issuu Features — Teams
- Issuu Features — Video
- Issuu Features — Web-ready Fonts
- Solutions — Designers
- Solutions — Content Marketers
- Solutions — Social Media Managers
- Solutions — Publishers
- Solutions — Education
- Solutions — Salespeople
- Solutions — Use Cases
Industries
- Industries — Internal Communications
- Industries — Marketing and PR
- Industries — Publishing
- Industries — Real Estate
- Industries — Sports
- Industries — Travel
Products & Resources
- Products & Resources — Plans
- Products & Resources — Partnerships
- Products & Resources — Developers
- Products & Resources — Digital Sales
- Products & Resources — Elite Program
- Products & Resources — Publisher Directory
- Products & Resources — Redeem Code
- Products & Resources — Support
Explore Issuu Content
-
- Explore — Arts & Entertainment
- Explore — Business
- Explore — Education
- Explore — Family & Parenting
- Explore — Food & Drink
- Explore — Health & Fitness
- Explore — Hobbies
- Explore — Home & Garden
- Explore — Pets
- Explore — Religion & Spirituality
- Explore — Science
- Explore — Society
- Explore — Sports
- Explore — Style & Fashion
- Explore — Technology & Computing
- Explore — Travel
- Explore — Vehicles
Каскадные таблицы стилей (CSS) помогите
1. Как записать в стилевом файле обозначение белого цвета в виде шестнадцатеричного кода?
Ответ:
введите строку
2. Как записать в стилевом файле обозначение красного цвета в виде шестнадцатеричного кода?
Ответ:
введите строку
3. Как записать в стилевом файле обозначение зелёного цвета в виде шестнадцатеричного кода?
Ответ:
введите строку
4. Как записать в стилевом файле обозначение синего цвета в виде шестнадцатеричного кода?
Ответ:
введите строку
5. Какой тэг языка HTML используется для подключения стилевого файла к веб-странице?
Ответ:
введите строку
6. Запишите команду, которая в стилевом файле задаёт синий цвет фона для всей страницы. Вводите ответ без пробелов.
Ответ:
введите строку
7. Запишите команду, которая в стилевом файле задаёт красный цвет текста для всех абзацев. Вводите ответ без пробелов.
Ответ:
введите строку
8. Запишите команду, которая в стилевом файле задаёт зелёный цвет текста для всех абзацев класса abc. Вводите ответ без пробелов.
Ответ:
введите строку
9. Запишите команду, которая в стилевом файле задаёт красный цвет фона для всех элементов класса error. Вводите ответ без пробелов.
Ответ:
введите строку
10. Запишите команду, которая в стилевом файле задаёт жёлтый цвет для всех посещённых гиперссылок класса qq. Вводите ответ без пробелов.
Ответ:
введите строку
11. Запишите команду, которая в стилевом файле задаёт синий цвет фона для всех элементов em, находящихся внутри абзацев класса qq. В ответе используйте только необходимые пробелы.
Ответ:Голосование за лучший ответ
1. Как записать в стилевом файле обозначение белого цвета в виде шестнадцатеричного кода?
Ответ: #FFFFFF2. Как записать в стилевом файле обозначение красного цвета в виде шестнадцатеричного кода?
Ответ: #FF00003. Как записать в стилевом файле обозначение зелёного цвета в виде шестнадцатеричного кода?
Ответ: #00FF004. Как записать в стилевом файле обозначение синего цвета в виде шестнадцатеричного кода?
Ответ: #0000FF5. Какой тэг языка HTML используется для подключения стилевого файла к веб-странице?
Ответ: link6. Запишите команду, которая в стилевом файле задаёт синий цвет фона для всей страницы. Вводите ответ без пробелов.
Ответ: body(background-color:blue)7. Запишите команду, которая в стилевом файле задаёт красный цвет текста для всех абзацев. Вводите ответ без пробелов.
Ответ: p(color:red)8. Запишите команду, которая в стилевом файле задаёт зелёный цвет текста для всех абзацев класса abc. Вводите ответ без пробелов.
Ответ: .abc p(color:green)9. Запишите команду, которая в стилевом файле задаёт красный цвет фона для всех элементов класса error. Вводите ответ без пробелов.
Ответ: .error(color:red)10. Запишите команду, которая в стилевом файле задаёт жёлтый цвет для всех посещённых гиперссылок класса qq. Вводите ответ без пробелов.
Ответ: .qq a:visited(color:yellow)11. Запишите команду, которая в стилевом файле задаёт синий цвет фона для всех элементов em, находящихся внутри абзацев класса qq. В ответе используйте только необходимые пробелы.
Ответ: .qq em(background-color:blue)