Довольно редко я пишу html уроки, а писать их надо... Ну что же? Продолжим дальше?
Итак, сегодня я расскажу о том, как оформить "тело сайта" через CSS.
Что нужно сделать перед тем, как начать оформлять "тело сайта"?
1) Прочитать уроки HTML верстки 1 - 4
2) Создать файл CSS в той же папке, где храниться ваш HTML шаблон с названием style.css (бывает, что создают его и под названием main.css)
3) Подключить только что созданный файл css следующей строчкой:
<link rel="stylesheet" href="style.css" type="text/css" >Более подробно об этом написано в уроке №3
4) Читать статью дальше.
Итак, Вы создали файл style.css и подключили стили в своем HYML-шаблоне. Сейчас Вам нужно в css-файле написать слово body и открыть стили знаком "{" без кавычек. Дальше Вы можете указать общий цвет текста на страницы, шрифт и размер текста, фон, отступы, выравнивание и другие параметры. Дальше нужно закрыть класс знаком "}" без кавычек. Должно получиться примерно так:
body {
color: #000; /*Цвет текста: черный*/
background: #FFFFFF; /*Цвет фона: белый*/
word-wrap: break-word; /*Переносить слово, если не влезает: да*/
font-size: 65%; /*Размер текста: 65%*/
font-family: Verdana, Arial, Sans-Serif; /*Шрифты:Verdana, Arial, Sans-Serif*/
}Обращаю внимание на то что, каждый новый стиль пишется с новой строки или через пробел, а также после стилей ставится точка с запятой. Комментарии в css обозначаются следующим образом: /*комментарий*/ .
Фон страницы можно задавать, как цветом, так и картинкой, аналогично описанному в уроке 4.
После окончания работы с файлами, не забудьте их сохранить и загрузить на сервер.
На сегодня Всё, создавайте сайт самостоятельно, последнее время цены так кусаются...