CSS3

Изучение CSS/CSS3 от нуля до гуру!

15 уроков 45 заданий Справочник Компилятор

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

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


HTML5CSS3

Современные сайты строятся при помощи блоков, поэтому в 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 месяца!


HTML5CSS3

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