p {border:1px solid red;} p.dotted {outline-style:dotted;} p.dashed {outline-style:dashed;} p.solid {outline-style:solid;} p.double {outline-style:double;} p.groove {outline-style:groove;} p.ridge {outline-style:ridge;} p.inset {outline-style:inset;} p.outset {outline-style:outset;} Внешняя граница из точек. Пунктирная внешняя граница. Сплошная внешняя граница. Двойная внешняя граница. Трехмерная внешняя граница. Трехмерная внешняя граница. […]

img.normal {height:auto;} img.big {height:50%;} img.small {height:10%;}

 Перейти к справке CSS img { position:absolute; left:0px; top:0px; z-index:-3; } Описание и использование Свойство CSS z-index задает расположение элемента относительно других элементов в третьем измерении, которое перпендикулярно монитору. Элемент, у которого больше z-index будет перекрывать элементы с меньшим […]

 Перейти к справке CSS h1 {letter-spacing:2px} h2 {letter-spacing:-3px} Описание и использование Свойство CSS letter-spacing увеличивает или уменьшает расстояние между символами в тексте. Значение по умолчанию normal Наследование да Версия CSS CSS 1 Синтаксис JavaScript object.style.letterSpacing=»3px» Поддержка в браузерах Свойство […]

body { background-image:url(‘smiley.gif’); background-repeat:no-repeat; background-attachment:fixed; background-position:center center; } Фоновое изображение зафиксировано. Попробуйте прокрутить страницу. Фоновое изображение зафиксировано. Попробуйте прокрутить страницу. Фоновое изображение зафиксировано. Попробуйте прокрутить страницу. Фоновое изображение зафиксировано. Попробуйте прокрутить страницу. Фоновое изображение зафиксировано. Попробуйте прокрутить страницу. Фоновое изображение […]

Май, 2150 Когда мне было 8 лет, я сказал отцу: Папа, не надо курить, вот я, когда вырасту не буду курить. Отец бросил курить и не курил после этого много лет до самой смерти. К сожалению, я не сдержал обещания, […]

 Перейти к справке CSS h1 {text-transform:uppercase} h2 {text-transform:capitalize} p {text-transform:lowercase} Описание и использование Свойство CSS text-transform задает преобразование текста в заглавные или строчные буквы. Значение по умолчанию нет Наследование да Версия CSS CSS 1 Синтаксис JavaScript object.style.textTransform=»uppercase» Поддержка в […]

body { margin:0; padding:0; } .right { float:right; width:300px; background-color:#b0e0e6; } Заметка: когда вы выравниваете блок, используя свойство position, всегда задавайте !DOCTYPE! Если вы не сделаете этого, вы можете получить странные результаты в браузерах IE. Заметка: когда вы выравниваете блок, […]

  body {font-size:100%;} h1 {font-size:2.5em;} h2 {font-size:1.875em;} p {font-size:0.875em;} Это заголовок первого уровня Это заголовок второго уровня Это параграф. Указание размера шрифта в процентах и em дает одинаковый размер шрифта во всех браузерах, позволяя пропорционально масштабировать текст! Это параграф. Указание […]

ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; } a.nav { float:left; width:6em; text-decoration:none; color:white; background-color:purple; padding:0.2em 0.6em; border-right:1px solid white; } a.nav:hover {background-color:#ff3300;} li {display:inline;} Главная Славная Забавная Не главная Мы создадим горизонтальное меню на CSS. Мы позволили элементам ul […]