#8 - Блоки в CSS главные свойства

#8 - Блоки в CSS главные свойства

Современные сайты строятся при помощи блоков, поэтому в CSS существует множество стилей как раз для блоков. В уроке мы познакомимся с этими стилями и научимся работать с блоками.

Видеоурок

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


Можно подумать, что на этот "лемон" было потрачено множество строчек кода, но это не так. Вот весь код:
.limonchik {
   width: 200px; 
   height: 200px; 
   background: #F5F240;
   border: 2px solid #F0D900;
   border-radius: 10px 150px 30px 150px;
}
Как видите, CSS тут же меняет отображение объектов и позволяет создавать просто потрясающие вещи.

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение препроцессора SASS / SCSS
7 уроков
Современная вёрстка адаптивного веб-сайта
Создание адаптивного сайта
4 урока
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Изучение HTML5 от нуля до гуру!
21 урок
Изучение технологии Bootstrap (верстка сайта)
16 уроков