img.normal {width:auto;} img.big {width:40%;} img.small {width:10%;}

p {display:inline;} Значение inline свойства display заставляет даже блочные элементы, выглядеть как строчные. Как вы видите, второй параграф не выводится с новой строки, а «приклеивается» к первому. Значение inline свойства display заставляет даже блочные элементы, выглядеть как строчные. Как вы […]

img { position:absolute; left:0px; top:0px; z-index:-1; } Это заголовок Так как изображение имеет z-index равный -1, оно перекрывается текстом. Так как изображение имеет z-index равный -1, оно перекрывается текстом.

h1:before {content:url(image/smiley.gif);} Это заголовок Псевдо-элемент :before вставляет содержимое перед элементом. Это заголовок Заметка: Internet Explorer 8 (и выше) поддерживает свойство content, только если указан правильный !DOCTYPE. Псевдо-элемент :before вставляет содержимое перед элементом. Заметка: Internet Explorer 8 (и выше) поддерживает свойство […]

  h1 {font-size:2.5em;} /* 40px/16=2.5em */ h2 {font-size:1.875em;} /* 30px/16=1.875em */ p {font-size:0.875em;} /* 14px/16=0.875em */ Это заголовок первого уровня Это заголовок второго уровня Это параграф. Размеры шрифта в em поддерживаются в Internet Explorer, Firefox, Chrome, Opera и Safari и […]

 Перейти к справке CSS p { white-space:nowrap; } Описание и использование Свойсто CSS white-space определяет то, как браузер будет отображать пробелы между элементами. Значение по умолчанию normal Наследование да Версия CSS CSS 1 Синтаксис JavaScript object.style.whiteSpace=»pre» Поддержка в браузерах […]

  p { white-space:nowrap; } Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст […]

  div.background { width: 500px; height: 250px; background: url(image/audi-big.jpg) repeat; border: 2px solid black; } div.transbox { width: 400px; height: 180px; margin: 30px 50px; background-color: #ffffff; border: 1px solid black; filter:alpha(opacity=60); opacity:0.6; } div.transbox p { margin: 30px 40px; font-weight: […]

input:focus { background-color:#98ff98; } Имя: Фамилия: Заметка: Internet Explorer 8 (и выше) поддерживают псевдо-класс :focus только если задан правильный !DOCTYPE. Заметка: Internet Explorer 8 (и выше) поддерживают псевдо-класс :focus только если задан правильный !DOCTYPE.

#navlist{position:relative;} #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;} #navlist li, #navlist a{height:44px;display:block;} #home{left:0px;width:46px;} #home{background:url(‘image/img_navsprites_hover.gif’) 0 0;} #home a:hover{background: url(‘image/img_navsprites_hover.gif’) 0 -45px;} #prev{left:63px;width:43px;} #prev{background:url(‘image/img_navsprites_hover.gif’) -47px 0;} #prev a:hover{background: url(‘image/img_navsprites_hover.gif’) -47px -45px;} #next{left:129px;width:43px;} #next{background:url(‘image/img_navsprites_hover.gif’) -91px 0;} #next a:hover{background: url(‘image/img_navsprites_hover.gif’) -91px -45px;}