body,html { /* Для всего сайта */
margin:0px; /* обнуляем поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;/* обнуляем поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
body,td,th { /* Для всего сайта */
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; /*Задаём рамку вокруг контейнера*/
}
#conteiner td { /*стиль для td основной таблицы*/
vertical-align:top; /*Прижимаем текст в ячейках к левому верхнему углу окна браузера*/
}
#header { /*шапка сайта*/
background-color:#93B0FC; /*Цвет шапки сайта, при помощи свойства ,можно вставить фоновую картинку*/
height:100px; /*Высота шапки*/
}
#header h1 { /*заголовок шапки сайта*/
margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
padding: 10px 0; /* Задаем поля */
}
#center_table { /*контент сайта*/
width:100%; /*Ширина во весь документ средней таблицы*/
}
#menu { /*меню сайта*/
background-color:#6CE681; /*Фоновый цвет меню,при помощи свойства ,можно вставить фоновую картинку*/
width:200px; /*Ширина меню*/
adding:5px;/*Отступ для содержимого от краёв блока*/
}
#content { /*контент сайта*/
background-color:#FFFFFF; /*Фоновый цвет контента*/
margin:0px; /*Обнуляем отступы*/
padding-left:10px; /*Поле слева от текста*/
}
#content h1 { /*заголовки контента */
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
}
#content p { /*абзацы контента */
margin:0px; /* Обнуляем отсупы для параграфов, находящихся в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
#footer { /*низ сайта*/
background-color:#E69F6B; /*Фоновый цвет подвала,при помощи свойства ,можно вставить фоновую картинку*/
height:60px; /*Высота подвала*/
}
#footer_style { /*стиль для текста низа сайта*/
margin-top:20px; /*Отступ текста сверху в подвале сайта*/
text-align:center; /*Выравнивание текста посередине*/
color:#FFFFFF; /*Цвет текста в подвале сайта*/
}