Начальный уровень
Использование Berry CSS
Berry CSS — это css-фреймворк, с помощью которого выполняется HTML-верстка вашего сайта. Вы сможете
- указывать различный цвет текста,
- указывать фоновый цвет текста или блока,
- задать внешний или внутренний отступ текста/блока,
- можно добавлять самые разные бордюры,
- для текста можно указывать размер,
- и всё что вы увидите на странице с примерами.
Default-шаблон уже содержит все необходимые классы Berry CSS, поэтому вам скорее всего не придётся их настраивать или менять — мы просто будем их использовать.
Глядя на страницу Berry CSS у вас может возникнуть ощущение обилия классов. На самом деле вам не нужно их изучать, поскольку все они строятся по единым правилам с помощью префиксов и модификаторов.
В подавляющем большинстве случаев вы будете использовать классы текста (префикс t-
), отступы mar
(margin), pad
(pagging), цвет фона bg-
(background-color) и flex-
для построения flex-сетки.
Поэтому ещё раз — вам не нужно запоминать классы Berry CSS — префиксы делают их интуитивно понятыми. Если у вас есть начальные знания CSS, то вы без труда сориентируетесь, тем более, что почти весь код я буду сопровождать описанием.