Веб-школа

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

span.bukvitsa { float:left; width:0.7em; font-size:400%; font-family:algerian,courier; line-height%; } Это буквица. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. […]

 Перейти к справке CSS img { position:absolute; bottom:5px; } Описание и использование Свойство CSS bottom действует для абсолютно позиционированных элементов и устанавливает расстояние между нижней границей элемента и нижней границей его родителя. В случае, если элемент не вложен в […]

 Перейти к справке CSS Описание и использование Свойство CSS float определяет с какой стороны (правой или левой) запрещено обтекать элемент, при этом элемент «прилипает» к той стороне родительского элемента, с которой его запрещено обтекать. Заметка: Абсолютно позиционированные элементы игнорируют […]

span { display:block; } Строчный элемент span со свойством display:block ведет себя как блочный элемент и вытесняет со своей строки второй такой же строчный элемент. Строчный элемент span со свойством display:block ведет себя как блочный элемент и вытесняет со своей […]

  p.one { border:1px solid red; outline-style:solid; outline-width:thin; } p.two { border:1px solid red; outline-style:dotted; outline-width:3px; } Это текст параграфа. Это текст параграфа. Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE. Это текст […]

 Перейти к справке CSS p { border-style:solid; border-right-width:15px; } Описание и использование Свойство CSS border-right-width задает ширину левого бордюра элемента. Заметка: всегда задавайте свойство border-style перед свойством border-right-width. Элемент должен иметь бордюры, для которых вы хотите изменить ширину. Значение […]

  h2 {font-size:250%;} h1 {font-size:200%;} p {font-size:300%;} Это заголовок первого уровня Это заголовок второго уровня Это обычный параграф. Но размер его шрифта больше, чем у заголовков. Это обычный параграф. Но размер его шрифта больше, чем у заголовков.

 Перейти к справке CSS ul { list-style-image:url(«/images/blueball.gif»); list-style-type:square; } Описание и использование Свойство CSS list-style-image заменяет маркер пункта списка на изображение. Заметка: Всегда указывайте свойство list-style-type. Это свойство используется, если указанное вами изображение недоступно. Значение по умолчанию none Наследование […]

  p.uppercase {text-transform:uppercase;} p.lowercase {text-transform:lowercase;} p.capitalize {text-transform:capitalize;} Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста. Это обычный параграф. Я сделаю его подлиннее, чтобы было лучше видно, как действует трансформация текста. Это обычный параграф. […]