2-qism css asoslari. Web-sahifani stillar yordamida formatash

<112>

Зaголовок

Пaнель навигаиии<^^>

Основное содержимое страницы
Кaкой-то текст

Информaция об авторских правах<^^>

Итак, Web-страница состоит из четырех блоков. Первый блок (header) со­держит заголовок и занимает всю ширину окна. Второй блок (menu) предна­значен для вывода панели навигации. Для этого блока указано выравнивание по левой стороне и обтекание справа. В третьем блоке (text) располагается основное содержимое Web-страницы. Этот блок занимает всю ширину окна после панели навигации. Если изменить размер окна, то блок будет или рас­ширяться, или уменьшаться. Четвертый блок (footer) предназначен для вы­вода информации об авторских правах, а также различных логотипов и счет­чиков. Для этого блока с помощью атрибута clear отменяется обтекание с обеих сторон.

У блочной верстки Web-страницы с помощью float есть один недостаток. Если уменьшить ширину окна Web-браузера, то блоки будут выстроены по вертикали, один под другим. Чтобы избежать этого эффекта мы указали внешний отступ слева (185 px). Благодаря этому блоки всегда будут распо­ложены по горизонтали, независимо от ширины окна Web-браузера.
Следует обратить внимание еще на один момент: содержимому тега

нельзя задать вертикальное выравнивание с помощью атрибута vertical-align. Чтобы добиться центрирования по вертикали мы указали значение атрибута line-height равным высоте блока.
2.12.5. Позиционирование блока
Атрибут position позволяет задать способ позиционирования блока. Он мо­жет принимать одно из четырех значений:

• 
  static — статическое позиционирование (значение по умолчанию). По­ложение элемента в окне Web-браузера определяется его положением в тексте HTML-документа;
  
• 
  relative — относительное позиционирование. Координаты отсчитыва-ются относительно позиции, в которую Web-браузер поместил бы эле­мент, будь он статически позиционированным;
  
• 
  absolute — абсолютное позиционирование. Координаты отсчитываются относительно левого верхнего угла родительского элемента;
  
• 
  fixed — фиксированное позиционирование. Координаты отсчитываются относительно левого верхнего угла окна Web-браузера. При прокрутке содержимого окна блок не смещается.