h1.hidden {display:none;} Этот заголовок видимый. Этот заголовок скрыт. Не забывайте о том, что элементы, скрытые при помощи diplay:none не занимают выделенное для них пространство. Поэтому этот параграф поднялся к видимому заголовку. Не забывайте о том, что элементы, скрытые при помощи […]
Читать далее →p.padding {padding-left:2cm;} p.padding2 {padding-left:50%;} Текст без левых полей. Текст с левым полем в 2 сантиметра. Текст с левым полем в 50% от ширины родительского элемента. Текст без левых полей. Текст с левым полем в 2 сантиметра. Текст с левым […]
Читать далее →p > i:first-child { color:blue; } Я сильный мужик. Я сильный мужик. Я сильный мужик. Я сильный мужик. Заметка: псевдо-класс :first-child работает в IE только если указан верный DOCTYPE. Я сильный мужик. Я сильный мужик. Я сильный мужик. Я […]
Читать далее →Поводите мышью над словами, чтобы увидеть, как меняется курсор мыши. auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait Поводите мышью над словами, чтобы увидеть, как меняется курсор мыши. auto crosshair […]
Читать далее → Перейти к справке CSS h1:before { content:url(beep.wav); } Описание и использование Псевдо-элемент :before вставляет содержимое до элемента. Поддержка в браузерах Псевдо-элемент :before поддерживается всеми основными браузерами. Связанные страницы Учебник CSS: Псевдо-элементы в CSS Справка CSS: Псевдо-элемент :after Перейти к […]
Читать далее →h1 { background-color:#6495ed; } p { background-color:#e0ffff; } div { background-color:#b0c4de; } Пример фона различных элементов! Этот текст в блоке div. У этого параграфа свой фоновый цвет. Мы все еще в блоке div. Этот текст в блоке div. У […]
Читать далее →.right { float:right; width:300px; background-color:#b0e0e6; } Заметка: когда вы выравниваете блок, используя свойство position, всегда задавайте !DOCTYPE! Если вы не сделаете этого, вы можете получить странные результаты в браузерах IE. Заметка: когда вы выравниваете блок, используя свойство position, всегда задавайте […]
Читать далее →p.ex1 {margin-top:2cm;} Параграф с внешними отступами по умолчанию. Параграф с верхним отступом в 2 сантиметра. Параграф с внешними отступами по умолчанию. Параграф с внешними отступами по умолчанию. Параграф с верхним отступом в 2 сантиметра. Параграф с внешними отступами по […]
Читать далее → Перейти к справке CSS table { border-collapse:collapse; } Описание и использование Свойстов CSS border-collapse указывает на то, надо ли удваивать границы таблицы между ячейками таблицы. Значение по умолчанию separate Наследование да Версия CSS CSS 2 Синтаксис JavaScript object.style.borderCollapse=»collapse» Поддержка […]
Читать далее →img.normal { height:auto; } img.big { height:150px; } p.ex { height:100px; width:100px; } Высота и ширина этого параграфа равны 100px. Это просто параграф. Это просто параграф. Это просто параграф. Это просто параграф. Это просто параграф. Это просто параграф. Высота и […]
Читать далее →