Содержание

Слайд 2

Meet Our Awesome Team Свойство задаёт цвет текста с помощью различных

Meet Our Awesome Team

Свойство задаёт цвет текста с помощью различных систем цветопередачи.

COLOR

Цвета

модели RGB

Формат значения RGB в шестнадцатеричном формате — это знак #, за которым сразу следуют три или шесть шестнадцатеричных символов. color: #dc143c;

Цвета модели RGBA

Цветовая модель RGB расширена в этой спецификации, чтобы включить alpha, которая управляющая непрозрачностью цвета.
color: rgba(220, 20, 60, 0.8);

Ключевое слово

По названию цвета на английском языке.
color: red;

Слайд 3

Meet Our Awesome Team

Meet Our Awesome Team

Слайд 4

Meet Our Awesome Team Свойство используется для выбора начертания шрифта. Поскольку

Meet Our Awesome Team

Свойство используется для выбора начертания шрифта. Поскольку невозможно предсказать, установлен

тот или иной шрифт на компьютере посетителя вашего сайта, рекомендуется прописывать все возможные варианты однотипных шрифтов. В таком случае браузер будет проверять их наличие, последовательно перебирая предложенные варианты.

FONT-FAMILY

Синтаксис:

font-family: "Times New Roman", Georgia, Serif;
font-family: serif;
font-family: sans-serif;
font-family: cursive;
и многое другое

Слайд 5

Meet Our Awesome Team

Meet Our Awesome Team

Слайд 6

Meet Our Awesome Team Определяет размер шрифта элемента, который может быть

Meet Our Awesome Team

Определяет размер шрифта элемента, который может быть установлен несколькими способами.

Разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берётся размер шрифта родительского элемента. Отрицательные значения не допускаются.

FONT-SIZE

Синтаксис:

font-size: 16px;
font-size: 1em;
font-size: 100%;
font-size: 12pt;
и другие

Слайд 7

Meet Our Awesome Team

Meet Our Awesome Team

Слайд 8

Meet Our Awesome Team Свойство позволяет выбрать стиль начертания для шрифта.

Meet Our Awesome Team

Свойство позволяет выбрать стиль начертания для шрифта. При этом разница

между курсивом и наклонным начертанием заключается в том, что курсив вносит небольшие изменения в структуру каждого символа, в то время как наклонное начертание представляет собой наклонную версию прямого шрифта.

FONT-STYLE

Синтаксис:

font-style: normal;
font-style: italic;
font-style: oblique;

Слайд 9

Meet Our Awesome Team

Meet Our Awesome Team

Слайд 10

Meet Our Awesome Team Свойство задаёт насыщенность шрифта. Значение 100 соответствует

Meet Our Awesome Team

Свойство задаёт насыщенность шрифта.
Значение 100 соответствует самому легкому варианту

начертания шрифта, а 900 — самому плотному. При этом, эти числа не определяют конкретной плотности, т.е. 100, 200, 300 и 400 могут соответствовать одному и тому же варианту слабой насыщенности начертания шрифта; 500 и 600 — средней насыщенности, а 700, 800 и 900 могут выводить одинаковое очень насыщенное начертание. Распределение плотности так же зависит от количества уровней насыщенности, определенных в конкретном семействе шрифтов.

FONT-WEIGHT

Синтаксис:

font-weight: 100;

font-weight: 900;

Слайд 11

Meet Our Awesome Team

Meet Our Awesome Team

Слайд 12

Meet Our Awesome Team Свойство описывает, как линейное содержимое, наподобие текста,

Meet Our Awesome Team

Свойство описывает, как линейное содержимое, наподобие текста, выравнивается в блоке

его родительского элемента.

TEXT-ALIGN

Синтаксис:

text-align: left;
text-align: right;
text-align: center;
text-align: justify;

Слайд 13

Meet Our Awesome Team

Meet Our Awesome Team

Слайд 14

Meet Our Awesome Team Добавляет оформление текста в виде его подчеркивания,

Meet Our Awesome Team

Добавляет оформление текста в виде его подчеркивания, перечеркивания и линии

над текстом.

TEXT-DECORATION

Синтаксис:

text-decoration: none;
text-decoration: underline;
text-decoration: line-through;
text-decoration: overline;

Слайд 15

Meet Our Awesome Team

Meet Our Awesome Team