Россия, Балаково
СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Был в сети 26.05.2020 12:33
Лещёв Сергей Сергеевич
Преподаватель
36 лет
2 372
29 886 
Местоположение
Специализация
831 практика 14.04.2020
Категория:
Информатика
14.04.2020 13:13
Просмотр содержимого документа
«831 практика 14.04.2020»
Лабораторная работа №5
Каскадные таблицы стилей
CSS Текст
помощью CSS можно определять стиль и вид текста. Аналогично тому, что используется тег FONT, задающий свойства шрифта, но стили обладают большими возможностями и позволяют сократить код HTML.
Свойства шрифта
Свойство
font-
family
font-style
font-variant
font-
weight
Значение
имя шрифта
Normal
Italic
Oblique
Norma Small-caps
Normal
Lighter
Bold
Bolder
100-900
| NC | IE |
| 4+ | 4+ |
|
|
|
| 4+ | 4+ |
| 4+ | 4+ |
|
| 4+ |
|
|
|
|
| 4+ |
|
| 4+ |
|
|
|
| 4+ | 4+ |
| 4W | 4+ |
| 4+ | 4+ |
| 4W | 4+ |
| 4+ | 4+ |
|
|
|
| Описание | Пример |
| |
| Задает | список | p {font-family: Arial, |
|
| шрифтов |
| serif} |
|
| Нормальный |
|
| |
| шрифт |
|
|
|
| Курсив |
| p {font-style: italic} |
|
| Наклонный |
|
| |
| шрифт |
|
|
|
| Капитель |
| p {font-variant: small- |
|
| (особые | пропис- |
| |
| caps} |
| ||
| ные буквы) |
|
| |
| Нормальная жир- |
|
| |
| ность |
|
|
|
| Светлое | начерта- |
|
|
| ние |
|
|
|
| Полужирный | p {font-weight: bold} |
| |
| Жирный |
|
| |
|
|
|
| |
| 100-светлый |
|
| |
| шрифт, |
|
|
|
| 900-самый жир- |
|
| |
| ный |
|
|
|
font-size
Размер шриф-та
Normal
Pt
Px
%
4+ 4+
4+ 4+
4+ 4+
4+ 4+
нормальный
мер
пункты
пикселы
проценты
| раз- | font-size: | normal |
|
| font-size: | 12pt |
|
| font-size: | 12px |
|
| font-size: 120% |
|
|
|
|
|
NC - Netscape Communicator, IE - Microsoft Internet Explorer; 4+ означает, что свойство поддерживается в браузере 4 версии и выше. 4W - работает только под Windows.
Замечание:
Когда размер шрифта задается абсолютными значениями, т.е. указывается конкретное значение шрифта в пунктах или пикселах, то изменить эту величину
помощью опции браузера Вид | Размер шрифта невозможно. Если шрифт ус-тановлен слишком мелким, то исправить этот недостаток читателю простыми
средствами не представляется возможным. Поэтому лучше задавать размер шрифта в процентах (Пример 1).
Пример 1. Задание свойств шрифта с помощью CSS
H1 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 150%; font-weight:
light }
Заголовок
Обычный текст
Вебинар для учителей
Свидетельство об участии БЕСПЛАТНО!
