Немного про CSS

[stf_life]

Уже три месяца я веду работу над сайтом, улучшая описания, фотографии и снимая короткие простейшие видео. Стремлюсь делать все товары примерно стандартизированными, например, как баночка «Для студентов».

При оформлении было много нюансов, которые я делал вручную, потому что не знал иного способа. И лень победила, я нашел способ облегчить себе жизнь, полез читать про CSS.

CSS - это набор правил оформления сайта. Внеся изменения в этом файле, можно изменить оформление сразу на всем сайте. Добавляем новое, присваиваем значения элементам, наслаждаемся.

В итоге я сделал себе два типа оформления. Для заголовков типа H2:

.specialh2{
background-color: rgb(0, 115, 106);
color:#ffffff;
font-size: 12 pt;
margin-top: 1em;
margin-bottom: 0.5em;
}
И для специальных выделений в тексте, таких как этот желтый фон:

.specialoffer{
text-align: center;
padding: 5px;
background: rgb(246, 245, 235);
margin-top: 0.5em;
margin-bottom: 0.5em;
}
Теперь, вместо вот такого набора кода:

Обзорное видео о баночке

И такого:

Я имею вот такой:

Вскрылись две сложности:
1. Придумывать уникальные названия для этих фишек сложно, надо все помнить или записывать;
2. Теперь надо все товары переделать =)

Будьте практичными, ленитесь больше, автоматизируйте все!

P.S. Завтра напишу про аналитикс и метрику. И про отслеживание событий.