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

 Перейти к справке CSS h1:before { content:url(beep.wav); } Описание и использование Псевдо-элемент :before вставляет содержимое до элемента. Поддержка в браузерах Псевдо-элемент :before поддерживается всеми основными браузерами. Связанные страницы Учебник CSS: Псевдо-элементы в CSS Справка CSS: Псевдо-элемент :after Перейти к […]

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

Выравнивание с помощью float

.right { float:right; width:300px; background-color:#b0e0e6; } Заметка: когда вы выравниваете блок, используя свойство position, всегда задавайте !DOCTYPE! Если вы не сделаете этого, вы можете получить странные результаты в браузерах IE. Заметка: когда вы выравниваете блок, используя свойство position, всегда задавайте […]

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

margin (внешний отступ) в сантиметрах

  p.ex1 {margin-top:2cm;} Параграф с внешними отступами по умолчанию. Параграф с верхним отступом в 2 сантиметра. Параграф с внешними отступами по умолчанию. Параграф с внешними отступами по умолчанию. Параграф с верхним отступом в 2 сантиметра. Параграф с внешними отступами по […]

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

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

 Перейти к справке CSS table { border-collapse:collapse; } Описание и использование Свойстов CSS border-collapse указывает на то, надо ли удваивать границы таблицы между ячейками таблицы. Значение по умолчанию separate Наследование да Версия CSS CSS 2 Синтаксис JavaScript object.style.borderCollapse=»collapse» Поддержка […]

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

Высота изображения в пикселях

img.normal { height:auto; } img.big { height:150px; } p.ex { height:100px; width:100px; } Высота и ширина этого параграфа равны 100px. Это просто параграф. Это просто параграф. Это просто параграф. Это просто параграф. Это просто параграф. Это просто параграф. Высота и […]

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

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

 Перейти к справке CSS p { border-style:solid; border-color:#ff0000 #0000ff; } Описание и использование Свойство CSS border-color задает цвет всех четырех бордюров. Свойсто border-color может иметь от одного до четырех значений. Примеры: border-color:yellow green blue pink; верхний бордюр желтого цвета […]

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

margin (внешний отступ) в CSS

  p { background-color:yellow; } p.margin { margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px; } Это параграф с внешними отступами по умолчанию.. А этот параграф имеет явно указанный внешний отступ. Это параграф с внешними отступами по умолчанию.. А этот параграф имеет явно указанный […]

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

Изменение цвета различных элементов

  body {color:red;} h1 {color:#00ff00;} p.ex {color:rgb(0,0,255);} Это заголовок первого уровня Это обычный параграф. Обратите внимание, что текст красный. Цвет текста по умолчанию задается в свойствах body. Это параграф с классом «ex». Текст синего цвета. Это обычный параграф. Обратите внимание, […]

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

Создаем красивую удобную таблицу

  #customers { font-family:»Trebuchet MS», Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; } #customers td, #customers th { font-size:1em; border:1px solid #98bf21; padding:3px 7px 2px 7px; } #customers th { font-size:1.1em; text-align:left; padding-top:5px; padding-bottom:4px; background-color:#A7C942; color:#ffffff; } #customers tr.alt td { color:#000000; […]

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

padding-bottom (нижнее поле) в CSS

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

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