Редактирование шаблона в 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

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

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: