Как задаются значения цвета в CSS

Как задаются значения цвета в CSS


Цвета всех элементов блога задаются в файлах стилей CSS.

Я уже рассказывала о том, какую структуру имеет файл стилей – он состоит из набора правил. Схематически правило можно изобразить так:

CSS цвета

Сначала пишется селектор или группа селекторов, а потом в фигурных скобках { } записываются свойства этих селекторов, которые называются правилами.

Правила состоят из набора объявлений – свойство и его значение. Эти объявления разделяются точкой с запятой ;

В CSS цвета чаще всего задаются 16-ричным кодом, перед которым стоит знак #.

Например: #ffffff – белый,    #000000 – черный,    #ff0000 – красный. Для таких простых цветов их код может быть записан и в сокращенном виде: #fff,    #000,    #f00

Код цвета легко определить в фотошопе:

CSS цвета

Выбираете нужный цвет, а внизу отображается его код, который можно через буфер обмена вставить в CSS-файл.

Еще один очень удобный инструмент для определения кода цвета – программка Rule:

CSS цвета

Она определяет 16-ричный код той точки на экране компьютера, на которую вы навели мышку. Еще с помощью Rule определяется размер в пикселях любого объекта.

Скачать программу Rule

Иногда цвета записываются словами: red, white.

Или так: rgb(255,0,0) или rgb(100%,0%,0%) - красный цвет.

Но такие записи встречается все реже и реже.

Желаю вас успехов в оформлении блога,

Марина Макарова

* * *

Многие молодые родители оценили удобство, которое предоставляют коляски для новорожденных 3TEK. Эта модель колясок включает в себя еще люльку, дождевик и сумку для мамы.




Читайте еще по этой теме:

16 Ноябрь 2009 Опубликовано в Уроки CSS

2 коммент. к записи “Как задаются значения цвета в CSS”

  1. Julka пишет:

    Спасибо огромное Вам, Марина. Очень все четко и понятно!

Прокомментировать

Я не робот.