Блочная модель

Вход на сайт

Создайте форму, показанную на рис. 1.

Рис. 1

Выравнивание таблицы

Сделайте таблицу, как показано на рис. 1. Ширина таблицы составляет 80% и она выровнена по центру. Обратите внимание, что содержимое третьей колонки выровнено по центру.

Рис. 1

Жирность шрифта

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Для подключения шрифта используйте следующую ссылку:

<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet">

Сам шрифт в стилях указывается так:

font-family: Oswald, sans-serif;

Погода

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Размеры блока

Создайте веб-страницу, как показано на рис. 1. Ширина и высота блока заданы в пикселях.

Рис. 1

Рамка

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

Рис. 1

Рамка вокруг текста

Придумайте три способа создания рамки, показанной на рис. 1.

Рис. 1

Рамка таблицы

Создайте таблицу, как показано на рис. 1.

Рис. 1

Семь чудес света

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Форма регистрации

Создайте форму, показанную на рис. 1. Ширина формы и полей ввода меняется вместе с шириной окна браузера.

Рис. 1