Используя сокращенную запись font, можно указывать все свойства шрифта в одном стилевом правиле.
Например, вот четыре строки описания свойств шрифта для <p>:
p {
font-style: italic;
font-weight: bold;
font-size: 30px;
font-family: arial, sans-serif;
}
Используя сокращённую запись, код можно упростить:
p {
font: italic bold 30px arial, sans-serif;
}
Порядок свойств font таков:
font-style | font-variant | font-weight | font-size | font-family
Самостоятельная работа
1. Установите для заголовков уровня h1 и h2 вашего сайта два предпочтительных моноширинных шрифта, а так же семейство моноширинных шрифтов.
2. Стиль маркированных списков вашего сайта установите курсивом, нумерованных списков – наклонным. Для таблицы задайте полужирный шрифт.
3. Установите вес шрифта для заголовка таблицы – bold
4. Для таблицы задайте вид символов – малые прописные.
5. Установите размер шрифта заголовка h1 – 20 пт, для заголовка таблицы – 25 пт.
Примечание. Если какие либо из перечисленных выше элементов отсутствуют на вашем сайте, их необходимо создать (см. раздел создание html документа)
Покажите выполненное задание преподавателю.
Поэкспериментируйте с установленными параметрами, что бы обеспечить привлекательность и читаемость вашего сайта.
