Веб-школа

  table { border-collapse:collapse; } table, td, th { border:1px solid black; } Имя Фамилия Петр Мишкин Леонид Выхухолев Заметка: Если не указан DOCTYPE, свойство border-collapse может вызвать неожиданные последствия. Имя Фамилия Петр Мишкин Леонид Выхухолев Заметка: Если не указан […]

h2.pos_left { position:relative; left:-20px; } h2.pos_right { position:relative; left:20px; } Этот заголовок без позиционирования. Этот заголовок сдвинут влево, относительно своего нормального положения. Этот заголовок сдвинут вправо относительно своего нормального положения. position:relative позиционирует элемент относительно его нормального положения.. position:relative позиционирует элемент […]

  p { border-style:solid; } p.none {border-bottom-style:none;} p.dotted {border-bottom-style:dotted;} p.dashed {border-bottom-style:dashed;} p.solid {border-bottom-style:solid;} p.double {border-bottom-style:double;} p.groove {border-bottom-style:groove;} p.ridge {border-bottom-style:ridge;} p.inset {border-bottom-style:inset;} p.outset {border-bottom-style:outset;} Нет нижней границы. Нижняя граница из точек. Нижняя граница — пунктир. Сплошная нижняя граница. Двойная нижняя граница. […]

 Перейти к справке CSS Описание и использование CSS свойство padding-top определяет верхний отступ между границами элемента и его содержимым. Заметка: запрещены отрицательные значения свойства padding-top. Значение по умолчанию 0 Наследование нет Версия CSS CSS 1 Синтаксис JavaScript object.style.paddingTop=»2cm» Поддержка […]

p { color:blue; text-align:center; } .marked { background-color:blue; } .marked p { color:white; } Этот параграф синего цвета и он выровнен по центру. Этот параграф не должен быть синего цвета. Параграф внутри элемента с классом «marked» сохраняет выравнивание, но меняет […]

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

  a:link {text-decoration:none;} /* непосещенная ссылка */ a:visited {text-decoration:none;} /* посещенная ссылка */ a:hover {text-decoration:underline;} /* ссылка, над которой находится курсор мыши */ a:active {text-decoration:underline;} /* ссылка в момент щелчка мышью */ Это ссылка Заметка: a:hover должен быть указан после […]

div.kartinka { float:right; width:120px; margin:0 0 15px 20px; padding:15px; border:1px solid black; text-align:center; } CSS — это круто! Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. Это параграф. […]

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

 Перейти к справке CSS body { counter-reset:section; } h1 { counter-reset:subsection; } h1:before { content:»Section » counter(section) «. «; counter-increment:section; } h2:before { counter-increment:subsection; content:counter(section) «.» counter(subsection) » «; } Описание и использование Свойство CSS counter-reset создает или сбрасывает […]