Презентация на тему Создание документа

папку sinorka:

">

2. Создаем стилевой файл style_sinorca.css и описываем стили элемента body:

body {
margin: 0;
padding: 0;
font-family: Verdana;
}

фоне) можно объединить в div. Т.к. этот div имеет

одинаковый фон с заголовками в контенте, применим класс (light_blue). Для индивидуальных настроек верхнего div-a применим id (head_div):



4. Внутрь div-a поместим блок ссылок 3-7 и отдельно ссылки 1 и 2:

Ответить на вопросы:

почему в данном случае блок ссылок 3-7 записан раньше, чем ссылки 1 и 2?

отдельный div

Sinorca 2.0
#sinorca {
background-color:

#8caae6;
font-size: 30pt;
color: #274e90;
padding: 0.1em 0.4em;
}

Сохраните файлы и просмотрите отображение в браузерах

фоне) можно объединить в div. Его параметры уникальны, поэтому

используем id (main_menu).



7. Внутрь div-a поместим ссылки:

#main_menu {
background-color: #003399;
color: #fff;
font-size: 8pt;
padding: 0.6em 0.8em;
}
#main_menu a {
font-weight: bold;
}

Ссылки главного меню - белого цвета и не имеют подчеркивания, аналогично #right_points a, #head_div a => добавим селектор ссылок главного меню к указанным выше через запятую:
#right_points a, #head_div a, #main_menu a {
color: #fff;
text-decoration: none;
}

главного меню смену цвета при наведении мыши?
Сохраните файлы и

просмотрите отображение в браузерах

В этом случае левая колонка (меню) должна иметь фиксированную

ширину, а основная часть справа – занимать все остальное место.
Измеряем ширину меню в Photoshop – 170px. Блок имеет правую границу



9. Меню разделено на 4 блока по вертикали (два на сером фоне, по одному на белом и сером). Они имеют нижнюю границу. Поместим 4 блока внутрь div-a left_menu:

#left_menu {
width: 170px;
font-size: 8pt;
float: left;
border-right: 1px solid #999999;
}

колонки

Navigate this page
> Introduction
>

Cross-browser
> Stylesheets
> Accessability