Знакомство с CSS / Введение в CSS [1/15]
×

Введение в CSS [1/15]

В предыдущих курсах вы уже немного познакомились с CSS. В этом и последующих курсах мы разберём его детально.

Напомним, что CSS расшифровывается как «каскадные таблицы стилей». Этот язык отвечает за внешний вид HTML-страницы. Синтаксис языка достаточно прост: он состоит из селекторов и свойств.

С помощью селекторов можно сказать браузеру какие именно элементы мы хотим оформить. Свойства описывают как именно мы хотим оформить эти элементы. То есть селекторы — это снайперский прицел, а свойства — это кисть, рубанок, скальпель и перфоратор.

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


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Введение в CSS</title> </head> <body> <div class="scene"> <div class="roof"></div> <div class="house"> <div class="door"></div> </div> </div> </body> </html>
CSS
/* .scene { width: 400px; height: 500px; margin: 0 auto; } .roof { width: 0; margin: 0 auto; margin-top: -50px; border: 150px solid white; border-bottom-color: red; } .house { width: 200px; height: 200px; margin: 0 auto; background-color: blue; overflow: hidden; } .door { height: 100px; width: 50px; margin-top: 100px; margin-left: 50px; background-color: red; } */
HTML Academy
  1. Раскомментируйте код в CSS-редакторе, удалив символы /* и */.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.