body { background:#ffffff url(‘girl.jpg’) no-repeat right top; margin-right:450px; } Всем привет! Пример позиционирования изображения. В этом примере фоновое изображение показывается всего один раз и спозиционировано справа от текста. Также мы добавили отступ margin с правой стороны текста, поэтому фоновое […]

img { float:right; } В параграф ниже мы добавили изображение со свойством float:right. В результате изображение выровнялось по правому краю, а текст обтекает его слева. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это […]

h2 { position:absolute; left:100px; top:150px; } Это заголовок с абсолютной позицией. С помощью абсолютного позиционирования элемент можно разместить где угодно. Заголовок выше спозиционирован на 100 пикселей слева и 150 пикселей сверху. С помощью абсолютного позиционирования элемент можно разместить где угодно. […]

  p.serif{font-family:»Times New Roman»,Times,serif;} p.sansserif{font-family:Arial,Helvetica,sans-serif;} Свойство CSS font-family Этот параграф написан шрифтом Times New Roman. А этот параграф выведен шрифтом Arial. Этот параграф написан шрифтом Times New Roman. А этот параграф выведен шрифтом Arial.

  div.ex { width:220px; padding:10px; border:5px solid gray; margin:0px; } Линия выше шириной 250px. Ширина этого элемента тоже 250px. Внимание: Этот пример не работает в IE! Тем не менее мы решим эту проблему в следующем примере. Линия выше шириной 250px. […]

  h1 { background-color:#6495ed; } p { background-color:#e0ffff; } div { background-color:#b0c4de; } Пример фона различных элементов! Этот текст в блоке div. У этого параграфа свой фоновый цвет. Мы все еще в блоке div. Этот текст в блоке div. У […]

  p.one { border-style:solid; border-color:#0000ff; } p.two { border-style:solid; border-color:#ff0000 #0000ff; } p.three { border-style:solid; border-color:#ff0000 #00ff00 #0000ff; } p.four { border-style:solid; border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255); } Все граница одного цвета! Границы в два цвета! Границы трех цветов! Все границы […]

tr.collapse {visibility:collapse;} Петр Визгунов Андрей Порукин Заметка: Internet Explorer поддерживает свойство visibility:collapse только если указан !DOCTYPE. Петр Визгунов Андрей Порукин Заметка: Internet Explorer поддерживает свойство visibility:collapse только если указан !DOCTYPE.

p:first-child { color:blue; } Это параграф. Это параграф. Заметка: псевдо-класс :first-child работает в IE только если задан верный DOCTYPE. Это параграф. Это параграф. Заметка: псевдо-класс :first-child работает в IE только если задан верный DOCTYPE.

 Ссылка — это «адрес» документа или сайта в интернете. HTML ссылки Этот пример демонстрирует, как создавать ссылки в html-документ. Открывание ссылки в новом окне браузера Пример демонстирует, как осуществить открывание ссылки в новом окне браузера, чтобы посетитель не покинул […]