Небольшое исследование поведения элемента BODY в различных браузерах. Отступы от границ окна (margin, padding). Высота BODY и ее изменение в зависимости от высоты контента в Internet Explorer 6, Firefox 1.5, Opera 8.
Браузеры Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) поддерживают URL-значения для свойства cursor (CSS2 cursor property).
Это дает возможность использовать в качестве указателя мышки любое изображение, любой графический файл, который может показать Gecko. Как это выглядит? Насколько кроссбраузерно?
Чаще всего форму заключают в таблицу. Получается громоздкая и не достаточно гибкая HTML-конструкция. Однако, довольно легко сделать красивую форму без таблиц, используя CSS.
Всего одна простая HTML-разметка и много вариантов ее отображения на веб-странице. Просто добавь CSS!
С помощью DOM можно без особого труда перемещать целые фрагменты XHTML-документа и, таким образом, изменять порядок отображения элементов в окне браузера не зависимо от порядка загрузки веб-страницы.
В CSS верстке есть пара способов прижать footer к низу окна браузера, если контента на странице не очень много.
Все на одной странице: правила написания каскадных таблиц стилей (CSS); каскадность CSS; единицы измерения; свойства текста; свойства цвета и фона; свойства блока; списки; позиционирование; псевдоклассы и псевдоэлементы…
Рассмотрим пример преобразования обычного правильно построенного XHTML документа в презентацию, состоящую из отдельных слайдов.
Как известно, IE6(и более ранние версии) не очень дружит с современными стандартами. О многих свойствах CSS2 этот браузер и не догадывается.
Маленький пример, как добавить Flash-ролик(.swf) на страницу, не покидая рамки стандартов W3C. Этот код успешно проходит валидацию и соответствует современным веб-стандартам. Его можно спокойно использовать на страницах XHTML1.0 Strict или XHTML1.1.
В статье "Горизонтальное центрирование блока средствами CSS" мы рассмотрели несколько способов центрирования блока по горизонтали. ?ногда бывает нужно отцентрировать блок еще и по вертикали, например flash-заставка на главной странице сайта или даже весь сайт в прямоугольнике фиксированного размера, размещенный всегда в центре окна браузера.
Рекомендации W3C для HTML 4.01 Strict и XHTML 1.0 Strict более не включают атрибут target для тега . Переходные (Transitional) версии спецификаций допускают его применение, но стандарты для того и разработаны, чтобы ими пользоваться. Поэтому далее рассмотрим, как все-таки открывать ссылки в новом окне, не используя при этом устаревший атрибут target в (X)HTML-коде документа.
CSS — лучшее, что можно придумать для управления внешним видом веб-страницы. При правильном его использовании, можно в считанные секунды изменить изображение тысяч страниц на сайте. При неправильном же использовании CSS — его применение остается на уровне использования тега в HTML-коде. Разница между правильным и неправильным применением CSS огромна. CSS отделяет дизайн от контента: чем меньше внешний вид привязан к коду страницы — тем легче им управлять или изменить его.
?ногда может возникнуть конфликт правил CSS, который непременно отразится на отображении документа. Разрешить этот конфликт можно зная о том, что каждое стилевое правило имеет свой вес.
Приведем несколько примеров горизонтального центрирования блока на странице. C помощью "margin:0 auto;" и с помощью отрицательных значений margin.