Веб-школа

  ul { list-style-type:none; margin:0; padding:0; overflow:hidden; } li { float:left; } a:link,a:visited { display:block; width:120px; font-weight:bold; color:#FFFFFF; background-color:#98bf21; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } a:hover,a:active { background-color:#7A991A; } Главная Новости Контакты О нас

p.one {border-style:dotted solid dashed double;} p.two {border-style:dotted solid dashed;} p.three {border-style:dotted solid;} p.four {border-style:dotted;} Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа.

   a:link {background-color:#B2FF99;} /* непосещенная ссылка */ a:visited {background-color:#FFFF85;} /* посещенная ссылка */ a:hover {background-color:#FF704D;} /* ссылка, над которой находится курсор мыши */ a:active {background-color:#FF704D;} /* ссылка в момент щелчка мышью */ Это ссылка Заметка: a:hover должен быть указан после […]

  p:first-child i { color:blue; } Я сильный мужик. Я сильный мужик. Я сильный мужик. Я сильный мужик. Заметка: псевдо-класс :first-child работает в IE только если указан верный DOCTYPE. Я сильный мужик. Я сильный мужик. Я сильный мужик. Я сильный […]

div.scroll { background-color:#00FFFF; width:200px; height:100px; overflow:scroll; } div.hidden { background-color:#00FF00; width:200px; height:100px; overflow:hidden; } Свойство CSS overflow определяет, что будет с элементом, если его содержимое не помещается в видимые пределы элемента. overflow:scroll Вы можете использовать свойство overflow для контроля над […]

  p { background-color:yellow; } p.margin { margin:100px 50px: } Это параграф с внешними отступами по умолчанию.. А этот параграф имеет явно указанный внешний отступ. Это параграф с внешними отступами по умолчанию.. А этот параграф имеет явно указанный внешний отступ.

a.content:after {content: » (» attr(href) «)»;} Веб-школа— сайт с бесплатными учебниками по веб-технологиям. Заметка: Internet Explorer 8 (и выше) поддерживает свойство content только если указан !DOCTYPE.

 Перейти к справке CSS ul { list-style:square inside url(«/images/blueball.gif»); } Описание и использование Свойство CSS list-style задает свойства списков ( , ) в одной записи. Свойства задаются в следующем порядке: list-style-type, list-style-position, list-style-image. Если будет пропущено одно из свойств, […]

 Перейти к справке CSS q:lang(en) { quotes: ««» «»» «‘» «‘»; } Описание и использование Свойство CSS quotes задает знаки кавычек для текста между тегами . Значение по умолчанию нет Наследование нет Версия CSS CSS 2 Синтаксис JavaScript object.style.quotes=»none» […]

 Перейти к справке CSS input:focus { color:yellow; } Описание и использование Псевдо-класс CSS :focus изменяет стиль тех элементов, которые имеют клавиатурный ввод (например, текстовое поле). Поддержка в браузерах Псевдо-класс :focus поддерживается всеми основными браузерами. Заметка: Internet Explorer 8 (и […]