Приемы CSS

clear: left; clear: right; clear: both;

Основная проблема шаблонов на основе "плавающих" (float) колонок заключается в том,
что контейнер, содержащий такие блоки просто так не пожелает растягиваться по их высоте.
Если, скажем, вы захотите добавить рамку вокруг этого контейнера,
то придётся каким-то образом заставить браузер растянуть его на высоту содержимого.

CSS-селекторы

Таблица совместимости браузеров с CSS-селекторами, псевдо-элементами и псевдо-классами. При наведении курсора на заголовок каждого селектора можно посмотреть небольшой пример.
Добавлен Safari3(win).

Как установить размер текста в CSS

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

CSS3-прозрачность (opacity)

Как установить прозрачность (opacity) элементу.

День браузеров или альтернативный тест для «Оперы»

Всегда ли вам достаточно указывать единицы измерения с точностью до процента? Ведь CSS позволяет указывать десятичные значения. А вот как при этом ведут себя браузеры? Леонид прислал тест для Opera. Обсуждение в форуме, ветка «День браузеров».

Использование условных комментариев вместо хака "* html", пишем всю таблицу стилей в одном файле

Разработчики IE7 исправили глюк на котором основан хак "* html" поэтому его можно использовать только для отделения стилей для ie версии 6 и младше. Но для вёрстки очень часто бывает нужен метод отделения стилей для ie всех версий.

CSS свойство min-width в Internet Explorer 5…6

Как известно, за 8 лет существования CSS2 разработчики Internet Explorer так и не сподобились научить своего монстра понимать многие полезные CSS-свойства, среди которых есть min-width – минимальмая ширина. На подходе уже IE7, в котором наконец будут работать и min-width, и max-width. Но несколько лет верстки с учетом капризов IE5-6 у нас еще впереди. Поэтому далее будет небольшой пример, который призовет этот браузер к порядку без применения нестандартного expression().

DIV-ная таблица

Сразу оговорюсь, что я категорически против изготовления таблиц с помощью DIV. Но возникла необходимость разместить некий текст в двух-трех колонках, которые вели бы себя на экране как ячейки таблицы. При этом, отступить от принципа позволил тот факт, что эта часть кода все-таки больше относится к разметке, чем к представлению табличных данных.

И еще раз о написании CSS

Еще проще, еще доступнее. С самого начала, для самых начинающих. Что пишется в таблице стилей, как это выглядит, базовый синтаксис, простейшие правила.

Исследование высоты BODY

Небольшое исследование поведения элемента BODY в различных браузерах. Отступы от границ окна (margin, padding). Высота BODY и ее изменение в зависимости от высоты контента в Internet Explorer 6, Firefox 1.5, Opera 8.

Использование URL-значений для указания свойства cursor

Браузеры Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) поддерживают URL-значения для свойства cursor (CSS2 cursor property).
Это дает возможность использовать в качестве указателя мышки любое изображение, любой графический файл, который может показать Gecko. Как это выглядит? Насколько кроссбраузерно?

Пример формы без таблицы

Чаще всего форму заключают в таблицу. Получается громоздкая и не достаточно гибкая HTML-конструкция. Однако, довольно легко сделать красивую форму без таблиц, используя CSS.

Простые примеры шаблонов HTML+CSS

Всего одна простая HTML-разметка и много вариантов ее отображения на веб-странице. Просто добавь CSS!

Как прижать footer к низу окна браузера с помощью CSS?

В CSS верстке есть пара способов прижать footer к низу окна браузера, если контента на странице не очень много.

Основные css свойства с примерами

Все на одной странице: правила написания каскадных таблиц стилей (CSS); каскадность CSS; единицы измерения; свойства текста; свойства цвета и фона; свойства блока; списки; позиционирование; псевдоклассы и псевдоэлементы…




15 queries 0.234 seconds.