Вертикальное центрирование блока средствами CSS

В статье "Горизонтальное центрирование блока средствами CSS" мы рассмотрели несколько способов центрирования блока по горизонтали. Иногда бывает нужно отцентрировать блок еще и по вертикали, например flash-заставка на главной странице сайта или даже весь сайт в прямоугольнике фиксированного размера, размещенный всегда в центре окна браузера.

Открываем ссылку в новом окне, не используя атрибут target в коде страницы

Рекомендации W3C для HTML 4.01 Strict и XHTML 1.0 Strict более не включают атрибут target для тега . Переходные (Transitional) версии спецификаций допускают его применение, но стандарты для того и разработаны, чтобы ими пользоваться. Поэтому далее рассмотрим, как все-таки открывать ссылки в новом окне, не используя при этом устаревший атрибут target в (X)HTML-коде документа.

CSS — правила хорошего тона

CSS — лучшее, что можно придумать для управления внешним видом веб-страницы. При правильном его использовании, можно в считанные секунды изменить изображение тысяч страниц на сайте. При неправильном же использовании CSS — его применение остается на уровне использования тега в HTML-коде. Разница между правильным и неправильным применением CSS огромна. CSS отделяет дизайн от контента: чем меньше внешний вид привязан к коду страницы — тем легче им управлять или изменить его.

Каскадность таблиц стилей

Иногда может возникнуть конфликт правил CSS, который непременно отразится на отображении документа. Разрешить этот конфликт можно зная о том, что каждое стилевое правило имеет свой вес.

Горизонтальное центрирование блока средствами CSS

Приведем несколько примеров горизонтального центрирования блока на странице. C помощью "margin:0 auto;" и с помощью отрицательных значений margin.

Различное отображение HTML документов в браузере зависит от объявленного Doctype

При использовании одних и тех же HTML-тегов в старых кривых браузерах и современных, придерживающихся стандартов (Mozilla и браузеры на его основе, Mac IE 5, Windows IE 6, Safari, Opera 7+ и Konqueror 3.2) можно обнаружить два основных режима отображения web-страницы. В одном случае браузер пытается представить страницу в соответствии с рекомендациям CSS и (X)HTML. В другом случае отображение страницы происходит как в старых, далеких от стандартов браузерах. В Mozilla эти два состояния известны как "the Standards mode" и "the Quirks mode", т.е. как стандартный режим и неопределенный соответственно.

CSS альтернатива HTML элементам и атрибутам

Заменяем устаревшие и не только HTML элементы, а также устаревшие атрибуты свойствами CSS. Сводная таблица и примеры использования

Введение в Объектную Модель Документа 1

Уровни Объектной Модели Документа(DOM) и их поддержка в браузерах
Браузеры, совместимые со стандартом
Дерево документа (Document Tree)
Узлы (Nodes)

Введение в Объектную Модель Документа 2

Корень Документа (Document Root)
Перемещение по Дереву Документа
Прямой доступ к элементам

Введение в Объектную Модель Документа 3

Типы узлов (Node Types)
Атрибут, как узел Attribute
Атрибуты стилей

Введение в Объектную Модель Документа 4

Динамический контент
Текстовые узлы (Text Nodes)

Введение в Объектную Модель Документа 5

Добавление узлов
Использование текстовых узлов
Соединение и разделение текстовых узлов

Введение в Объектную Модель Документа 6

Работа с узлами элементов (Element Nodes)

HTML » XHTML » XML

Основное различие между HTML и XHTML состоит в том, что в XHTML применяется синтаксис XML, который предназначен для помощи в разработке синтаксически корректных и правильных документов XML. XHTML представляет собой словарь XML, в то время как HTML — это лишь предшествующий XHTML язык разметки.