p.pos_fixed { position:fixed; top:30px; right:30px; color:red; } Это позиционированный параграф. Обратите внимание, что он позиционируется относительно окна браузера. Заметка: Internet Explorer 7 (и выше поддерживает) значение position:fixed, только если указан !DOCTYPE. Обычный параграф. Обычный параграф. Обычный параграф. Обычный параграф. Обычный […]

  p.padding {padding-right:2cm;} p.padding2 {padding-right:50%;} Этот текст с правыми полями по умолчанию. Этот текст с правыми полями по умолчанию. Этот текст с правыми полями по умолчанию. Этот текст с правым полем в 2 сантиметра. Этот текст с правым полем в […]

 Перейти к справке CSS body { background-color:yellow; } h1 { background-color:#00ff00; } p { background-color:rgb(255,0,255); } Изменение цвета фона различных элементов. Описание и использование Свойство CSS background-color устанавливает фоновый цвет элемента. Фон элемента отображается в пределах границ (border) элемента, […]

 Перейти к справке CSS @media print { table {page-break-after:always} } …. Описание и использование Свойство CSS page-break-after настраивает разрыв страницы после определенного элемента при распечатке страницы. Заметка: нельзя использовать это свойство с абсолютно позиционированными элементами. Заметка: используйте свойства разрыва […]

p:first-line { color:#ff0000; font-variant:small-caps; } Вы можете использовать псевдо-элемент :first-line, чтобы добавлять специальные эффекты первой строке текста. Вы можете использовать псевдо-элемент :first-line, чтобы добавлять специальные эффекты первой строке текста.

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

  a.one:link {color:#ff0000;} a.one:visited {color:#0000ff;} a.one:hover {color:#ffcc00;} a.two:link {color:#ff0000;} a.two:visited {color:#0000ff;} a.two:hover {font-size:150%;} a.three:link {color:#ff0000;} a.three:visited {color:#0000ff;} a.three:hover {background:#66ff66;} a.four:link {color:#ff0000;} a.four:visited {color:#0000ff;} a.four:hover {font-family:monospace;} a.five:link {color:#ff0000;text-decoration:none;} a.five:visited {color:#0000ff;text-decoration:none;} a.five:hover {text-decoration:underline;} Поводите мышью над ссылками, чтобы увидеть изменение стиля ссылок. […]

 Перейти к справке CSS p.ex { max-height:100px; } Описание и использование Свойство CSS max-height задает максимально возможную высоту элемента. Заметка: max-height (максимальная высота) элемента не включает поля (padding), рамки (border) или внешние отступы(margin) ! Значение по умолчанию нет Наследование […]

 Перейти к справке CSS p:first-child {color:blue} Это параграф. Это параграф. Описание и использование Псевдо-класс :first-child изменяет стиль элемента, который встречается первый раз в пределах родительского элемента. В приведенном выше примере, только первый параграф окрасится в синий цвет, поскольку в […]

 Перейти к справке CSS a:link {color:#FF0000}      /* непосещенная ссылка */ a:visited {color:#00FF00}  /* посещенная ссылка */ a:hover {color:#FF00FF}  /* ссылка, над которой находится мышь */ a:active {color:#0000FF}  /* ссылка при нажатии */ Описание и использование Псевдо-класс CSS :link изменяет […]