CSS свойство background-color, поддержка в браузерах, примеры использования // Вебшкола онлайн

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

Читать далее →

CSS свойство page-break-after, поддержка в браузерах, примеры использования // Вебшкола онлайн

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

Читать далее →

:first-line выделение первой строки текста

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

Читать далее →

CSS свойство border-right-color, поддержка в браузерах, примеры использования // Вебшкола онлайн

 Перейти к справке 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;} Поводите мышью над ссылками, чтобы увидеть изменение стиля ссылок. […]

Читать далее →

Простая таблица

Каждая таблица начинается с тега table. Каждая строчка таблицы начинается с тега tr. Каждая ячейка таблицы начинается с тега td. Таблица из одной колонки: 100 Одна строчка из трех колонок: 100 200 300 Две строчки по три колонки: 100 200 […]

Читать далее →

CSS свойство max-height, поддержка в браузерах, примеры использования // Вебшкола онлайн

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

Читать далее →

CSS псевдо-класс :first-child, поддержка в браузерах, примеры использования // Вебшкола онлайн

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

Читать далее →

Как вставить стили в HTML // Вебшкола онлайн

 В HTML 4.0 форматирование документа может быть вынесено из кода html и сохранено в специальном файле CSS (Cascading Style Sheet — Каскадные таблицы стилей). Примеры Стили в HTML Этот пример демонстрирует как форматировать документы с помощью добавления стилевой информации […]

Читать далее →

CSS псевдо-класс :link, поддержка в браузерах, примеры использования // Вебшкола онлайн

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

Читать далее →