При вёрстке сайта, одной из первых задач верстальщика является создание основного шаблона. Основным шаблоном в данном случае называется вёрстка без контента - это совокупность шапки сайта, меню, футера и прочих элементов, которые встречаются на каждой странице. Итак, попробуем сверстать простой макет сайта. Сверху у нас будет шапка сайта, слева будет навигация по разделу сайта, справа контент, а снизу футер. Стандартный шаблон, ничего необычного. Начнём с HTML. <div class="main-container"> <header>Header</header> ...

Ранее Вы уже научились форматировать текст с помощью правил CSS. Теперь мы попробуем настроить стиль границ для конкретных html-элементов. Все начинается с создания двух файлов: html-страницы и связанного с ней css-документа. Далее займемся прописыванием кода в теле страницы: Обратите внимание на атрибут class, из примера видно что в каждом из представленных случаев он имеет разное значение: "one", "two", "three", ... Впоследствии именно эти значения мы будем прописывать в правилах CSS. Полный...