Редактирование шаблона в CSS

Каскадные таблицы стилей применяются для описания внешнего вида сайта. С помощью CSS мы можем указать, как будет выглядеть тот или иной элемент на сайте. Полностью осветить возможности каскадных таблиц стилей в одной статье нереально, я расскажу о наиболее нужных и простых моментах редактирования CSS.

Для начала поговорим о тексте.

Как изменить цвет, размер в CSS

Для того, чтобы изменить параметры шрифта в теле сайта, открываем административную панель ->внешний вид -> редактор.

Находим контейнер:

Контейнер body

Font-family – указывает на шрифт применяемый в теле сайта.

Font-size – размер шрифта в пикселях.

Color – цвет шрифта в html-коде, иногда записывается буквами без знака (#) — например, black (черный). Код #000000 — тоже указывает на применение черного цвета.

Поговорим подробнее об определении цвета шрифта в html-коде.

Как определить html-код нужного цвета?

Как мы заметили ранее, код цвета состоит из символа «#» и шести знаков. Для обозначения используется шестнадцатеричная система счисления. Код 00-отсутствие цвета, код FF-максимальная насыщенность.

Два первых символа отвечают за красный цвет, третий-четвертый за зеленый и пятый-шестой за синий цвет.

Примеры:

  • #000000- отсутствие цветов дает черный цвет.
  • #FF0000— максимальная насыщенность красного цвета без зеленого и синего.
  • #00FF00— максимум зеленого и ничего лишнего.
  • #0000FF— только синий.

А теперь смешаем два цвета:

  • #FFFF00 — максимальная насыщенность красного и зеленого дает нам желтый цвет.

Определить цвет можно на сайте: HTML color codes

Дерзайте и ваш сайт будет лучшим!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *