Веб-школа

img { float:right; border:1px dotted black; margin:0px 0px 15px 20px; } В параграф ниже мы добавили изображение со свойством float:right. В результате изображение выровнялось по правому краю, а текст обтекает его слева. К изображению мы добавим черную рамочку из точек. […]

  body { margin-left:200px; background:#5d9ab2 url(‘girl.jpg’) no-repeat top left; } .container { text-align:center; } .center_div { border:1px solid gray; margin-left:auto; margin-right:auto; width:90%; background-color:#d0f0f6; text-align:left; padding:8px; } Всем привет! Этот пример показывает продвинутые методы CSS, которые вы, возможно, еще не изучили. […]

  p.small {line-height:90%;} p.big {line-height:200%;} Это параграф со стандартной высотой строки. Высота строки в большинстве браузеров составляет от 110% до 120% от высоты шрифта. Это параграф со стандартной высотой строки. Это параграф со стандартной высотой строки. Высота строки в большинстве […]

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; } Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст параграфа. Это текст […]