body,html { /* Для всего сайта */
margin:0px; /* обнуляем поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;/* обнуляем поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
body { /* Для всего сайта */
font-family: Verdana, Arial, Helvetica, sans-serif; /* семейство шрифта */
font-size: 12px; /* размер шрифта */
color: #000000; /* цвет шрифта */
}
a:link { /*ссылка, которая еще не посещались пользователем */
text-decoration: underline;
}
a:visited { /*ссылка, которая уже посещалась пользователем */
text-decoration: underline;
}
a:hover { /*при наведении на него курсора мыши */
text-decoration: none;
color: #FF0000;
}
a:active { /*стиль для активной ссылки */
text-decoration: underline;
}
#conteiner {
width:100%; /*Задаём ширину нашего контейнера-Web документа*/
margin:auto; /*Выравниваем его посередине окна браузера*/
text-align:left; /*Отменяем выравнивание для старых браузеров*/
border:1px solid black; /*Задаём рамку вокруг контейнера*/
min-width:550px;/*Минимальная ширина странички*/
#header { /*шапка сайта*/
background-color:#93B0FC; /*Цвет шапки сайта*/
height:100px; /*Высота шапки*/
}
#hed { /*заголовок в шапке*/
text-align:center;/*Центрирование заголовка в шапке*/
color:#CA1D1D;/*Цвет заголовка в шапке*/
font-size:36px;/*Высота заголовка в шапке*/
}
#menu { /*меню сайта*/
background-color:#6CE681; /*Цвет левой (меню) колонки*/
width:200px; /*Ширина левой (меню) колонки*/
padding:5px;/*Отступ для содержимого от краёв блока*/
float:left; /*Обтекание справа*/
}
#content { /*контент сайта*/
background-color:#FFFFFF; /*Цвет основного блока*/
margin-left:202px; /*Отступ слева - Величина зависит от ширины левой колонки*/
padding:10px;/*Отступ для содержимого от краёв блока*/
}
#content h1 { /*заголовки контента */
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
}
#content p { /*абзацы контента */
margin:0px; /* Обнуляем отсупы для параграфов, находящихся в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
#clear { /*Распорка для плавающих блоков*/
clear:both; /*Отменяет обтекание элемента одновременно с правого и левого края.*/
font-size:1px; /* Размер шрифта */
line-height:0px; /*Устанавливам межстрочный интервал текста*/
}
#footer { /*низ сайта*/
background-color:#E69F6B; /*Цвет подвала*/*/
height:60px; /*Высота подвала*/
}