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

 Перейти к справке CSS p.ex1 { font:15px arial,sans-serif; } p.ex2 { font:italic bold 12px/30px Georgia, serif; } Описание и использование Свойство CSS font Задает все настройки шрифта в одной записи. Свойства шрифта задаются в следующем порядке: «font-style font-variant font-weight […]

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

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

 Перейти к справке CSS img { vertical-align:text-top; } Описание и использование Свойство CSS vertical-align определяет выравнивание элемента по вертикали . Значение по умолчанию baseline Наследование нет Версия CSS CSS 1 Синтаксис JavaScript object.style.verticalAlign=»bottom» Поддержка в браузерах Свойство vertical-align поддерживается […]

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

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

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

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

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

 Перейти к справке CSS p { border:5px solid red; } Описание и использование Свойство CSS border задает форматирование всех бордюров элемента в одной записи. Вот в каком порядке задаются свойства: border-width (ширина), border-style (стиль) и border-color (цвет). Если вы […]

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

Padding (поля) в CSS // Вебшкола онлайн

 Padding — свойство CSS, задающее свободное пространство между границей элемента (border) и его содержимым (контент). Padding (поля) Свойство padding «очищает» территорию вокруг содержимого элемента (внутри границы элемента). Padding (поля) окрашиваются в цвет фона элемента. Значения каждого поля можно задавать […]

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

Безопасные веб шрифты // Вебшкола онлайн

 Свойстов CSS font-family должно содержать несколько названий шрифтов в качестве запасных вариантов для расширения совместимости сайта между браузерами и операционными системами. Если браузер не поддерживает шрифт, он попытается загрузить следующий шрифт из списка. Первым указывайте желаемый шрифт, а последним […]

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

Шрифты в CSS // Вебшкола онлайн

 Свойство CSS font определяет тип шрифта, толщину его линий, размер и стиль. Разница между шрифтами Serif и Sans-Serif На рисунке представлены буквы из двух семейств шрифтов: Serif и Sans-Serif. Разницу между ними можно увидеть невооруженным глазом, у шрифта семейства […]

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

Выравнивание элементов в CSS // Вебшкола онлайн

 В CSS для горизонтального выравнивания используются несколько свойств. Блочный элемент — это элемент, который занимает всю доступную ширину и вытесняет другие элементы со строки, на которой он находится. Примеры блочных элементов Узнать, как выравнивать текст вы можете в главе […]

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

Рамка элемента в CSS, свойство border

 Свойство CSS border позволяет вам оформлять стиль и цвет границы вокруг элемента. Свойство border-style определяет тип рамки вокруг элемента. Совет: ни одно свойство границы не будет работать, если не указано свойство border-style! Значения border-style: none: без рамки dotted: рамка […]

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

Псевдо-элементы, использование псевдо-элементов в CSS // Вебшкола онлайн

 Псевдо-элементы используются для добавления особых эффектов некоторым селекторам. Синтаксис Синтаксис псевдо-элементов выглядит так: селектор:псевдо-элемент {свойство:значение;} Кроме того, вы можете использовать CSS классы вместе с псевдо-элементами: селектор.элемент:псевдо-класс {свойство:значение;} Псевдо-элемент :first-line Псевдо-элемент first-line используется для применения стилей к первой строке текста. […]

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