Свойства CSS, отвечающие за цвет элемента

Свойства CSS, отвечающие за цвет элемента


В CSS цвета задаются как раз  проще всего. Если  в названии свойства есть слово color,  то это свойство CSS задает цвет какого-либо элемента. Ну а теперь более конкретно:

color – цвет самого объекта: текста, рамочки, заголовка, ссылки, линий в таблицах и т.п.

background или  background-color – цвет фона элемента. Фон могут иметь практически все элементы на странице: контейнеры (div), абзацы (p), заголовки, ячейки в таблицах. Даже выделенные жирным шрифтом кусочки текста.

Часто составляющую  -color имеют свойства для определения рамок:

border-color – задает цвет всех четырех сторон рамки.

border-top-color, border-right-color border-bottom-color border-left-color – с помощью этих свойств задаются цвета верхней, правой, нижней и левой рамок соответственно.

Если в CSS-файле встретилась приблизительно такая запись:

div {

background: #ccc;

color: #000;

border-color: #ff0000;

}

То это говорит о том, что у контейнера (div) цвет фона – серый, цвет текста в нем – черный, а рамочка – красная.

Иногда встречается такая форма записи для цветов рамки:

border-color: #ff0000 #00ff00 #0000ff #ffffff;

Это говорит о том, что все стороны рамки объекта разных цветов. Цвета перечисляются с строгом порядке: верх, правая рамка, нижняя рамка, левая рамка (сверху по часовой стрелке).

Итак, чтобы найти в файле стилей фрагмент, определяющий цвет нужного вам элемента, нужно искать название (селектор) этого элемента (посмотрите видеоурок Как изменить цвет в шаблоне блога), а в списке правил – свойство color или  background и заменить там цвет на тот, который вы хотите (Как задаются значения цвета в CSS).

Желаю успешных экспериментов по перекрашиванию ваших блогов :)

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




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

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

8 коммент. к записи “Свойства CSS, отвечающие за цвет элемента”

  1. Марина пишет:

    вот класс, спасибо!

  2. Марина пишет:

    Разбирайся, Мариночка! Только перед экспериментами сохрани копию CSS-файла на всякий случай :)

  3. Марина пишет:

    Марина а как найти запись в css, отвечающую за цвет названия поста?

  4. Марина пишет:

    В файле style.css нужно найти такую запись:
    h2 a, h2 a:visited {
    color: #цвет;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    }

    И в ней поменять цвет на свой.

  5. Элла пишет:

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

    • Марина пишет:

      Элла, я что-то не совсем поняла, что значит “появляется оригинал” :(
      Вы где делаете изменения? Непосредственно на сервере? А файл, в который вносили изменения, вы обновляете перед тем как посмотреть, что у вас получилось?

  6. Vitaly пишет:

    Вот это я понимаю: коротко и по существу! Сразу все ясно, как и где менять. Марина, спасибо большое)

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

Я не робот.