Презентация, доклад на тему Изменение шрифта с помощью CSS

Цели: Применение различных шрифтов на Web страницах

Слайд 1Тема: Шрифт

Тема: Шрифт

Слайд 2Цели: Применение различных
шрифтов на Web страницах

Цели: Применение различных шрифтов на Web страницах

Слайд 3Ключевые слова
font-family
font-style
font-weight
font-size

Ключевые словаfont-familyfont-stylefont-weightfont-size

Слайд 5Семейство шрифта [font-family]
Свойство font-family указывает приоритетный список шрифтов, используемых для отображения данного элемента

или web-страницы.

Family-name

Generic family

Пример family-name (часто называемое просто "шрифт") это, например, "Arial", "Times New Roman" или "Tahoma".

Его можно проще описать как группу family-names, имеющих характерные общие черты. Пример - sans-serif, набор шрифтов без "засечек/feet".

Семейство шрифта [font-family]Свойство font-family указывает приоритетный список шрифтов, используемых для отображения данного элемента или web-страницы. Family-nameGeneric familyПример family-name (часто

Слайд 7h1{font-family: Arial;}

h2{font-family: Times New Roman;}
Пример

h1{font-family: Arial;} h2{font-family: Times New Roman;}Пример

Слайд 8Стиль шрифта [font-style]
Свойство font-style определяет normal, italic или oblique. В примере все заголовки  будут показаны курсивом italic.
h1{font-family: Arial;}


h2{
font-family: Times New Roman;
font-style: italic;
}

Пример

Стиль шрифта [font-style]Свойство font-style определяет normal, italic или oblique. В примере все заголовки  будут показаны курсивом italic. h1{font-family: Arial;} h2{ font-family: Times New Roman; font-style:

Слайд 9Вес шрифта [font-weight]
Свойство font-weight описывает, насколько толстым, или "тяжёлым", должен отображаться шрифт. Шрифт

может быть normal или bold. 

h1 {
font-family: Arial;
font-weight: bold;
}
h2 {
font-family: Times New Roman;
font-style:italic;
}

Пример

Вес шрифта [font-weight]Свойство font-weight описывает, насколько толстым, или

Слайд 10Размер шрифта [font-size]
Используются различные единицы измерения (например, пикселы и проценты) для

описания размера шрифта. В данном учебнике мы будем использовать самые распространённые и удобные единицы измерения. 

Пример

h1 {
font-family: Arial;
font-weight: bold; }
h2 {
font-family: Times New Roman; font-style:italic;
font-size: 8px;
}

Размер шрифта [font-size]Используются различные единицы измерения (например, пикселы и проценты) для описания размера шрифта. В данном учебнике

Слайд 11Итоги урока
Какие шрифты вы знаете?
Какой щрифт часто применяете?

Итоги урока Какие шрифты вы знаете?Какой щрифт часто применяете?

Слайд 12Дом. Задание
https://html5book.ru/css-text/css-text-3/

Дом. Заданиеhttps://html5book.ru/css-text/css-text-3/

Что такое shareslide.ru?

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


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть