<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS - WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

Также Вы получите и всю практику, поскольку прямо в курсе с нуля создаётся полноценный Интернет-магазин, который затем публикуется в Интернете. И всё это прямо на Ваших глазах.

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Задание цвета в CSS3.

Задание цвета в CSS3.

В CSS было три основных способа задания цвета, но в CSS3 появилось ещё два. Вот о том, как можно задавать цвета в CSS3, мы и поговорим в этой статье.

Первый способ: по названию

Чтобы задать цвет, мы можем просто написать его название на английском языке. Например:

body {
  color: blue; // синий цвет
  color: green; // зелёный цвет
}

Второй способ: hex

Чтобы задать цвет в данном формате, нам нужно в начале поставить #, а затем написать 6 знаков, значение которых может быть от 0 до F.
Первые два знака обозначают красный цвет, следующие два - зелёный, оставшиеся два - синий.

body {
  color: #0000FF; // синий
  color: #00FF00; // зелёный
  color: #FF0000; // красный
  color: #000000; // чёрный
  color: #FFFFFF; // белый
}

Третий способ: RGB

RGB(Red Green Blue) - это способ, где мы задаём три цвета - красный, зелёный и синий, смешивая которые можно получить разные сочетания цветов. Т.е это почти то же, что и hex, только формат другой. Значения здесь задаются от 0 до 255

body {
  color: rgb(0,0,255); // синий
  color: rgb(0,255,0); // зелёный
  color: rgb(255,0,0); // красный
  color: rgb(0,0,0); // чёрный
  color: rgb(255,255,255); // белый
}

Четвёртый способ: RGBA

RGBA(Red Green Blue Alpha) - это способ, который появился в CSS3. Он абсолютно идентичен RGB за исключением только того, что в последнем параметре мы можем указать прозрачность. Прозрачность может принимать значения от 0(полностью прозрачный) до 1(полностью непрозрачный)

body {
  color: rgba(210, 255, 0, .5); // полупрозрачный жёлтый
}

Как видите, мы можем пропускать ведущий 0 в прозрачности.

Пятый способ: HSL

HSL(Hue Saturation Lightness) - это способ, в котором цвет определяется 3 параметрами: оттенком, насыщенностью и яркостью.

Оттенок цвета указывается в градусах поворота цветового круга(0 градусов - красный, 120 - зелёный, 240 - голубой и т.д.)

цветовой круг hsl

Насыщенность указывается в процентах. По мере понижения процентов цвет будет блекнуть
Яркость цвета также указывается в процентах(0% - тёмный, 100% - светлый)

body {
  color: hsl(0, 30%, 50%);
  color: hsl(120, 100%, 80%);
  color: hsl(240, 100%, 50%);
}

HSLA отличается от HSL точно тем же, чем отличается RGB от RGBA, так что рассматривать его подробно я не буду, а просто приведу пример

body {  color: hsla(120, 100%, 50%, 0.3); }

Советы:

  • Считается, что преимуществом схемы hsl перед rgb являются более природные естественные цвета, так что советую использовать именно этот формат.
  • hsl интуитивно понятен. Т.е., взглянув на цифры, можно сразу представить, каким будет цвет.
  • hsl, hsla и rgba поддерживают браузеры IE 9.0+, Opera 10.0+, Firefox 3.0+. Если вы хотите иметь поддержку в более старых браузерах, то используйте старые форматы задания цвета.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (1):

sergkosm sergkosm 08.10.2014 00:29:46

Круто, спасибо за статью

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.