ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Занятия по "Каскадным стилевым таблицам" | Шрифты

Шрифты

Следующее занятие начнем с изменения шрифтов. Шрифты являются одним из важнейших элементов визуализации документа. Мы будем менять семейства шрифтов, их размеры, форму (регулярные, курсивные, жирные), разреженность и т.д. с помощью следующих свойств: font-family, font-size, font-style, font-variant, font-weight, font-stretch.

Для получения подробной информации об этих свойствах и их значениях обратитесь к разделу 15.2. Спецификации шрифтов.

Мы изменим фон и цвет текста, так как предыдущие стилевые установки были сделаны лишь для демонстрации и совершенно не годятся для реального документа.

Пример 8
BODY {color:black;
      background: white;
      font-family:Times;
      font-size:13pt;}

H1,H2,H3 {color:red;
          font-family:Arial;
          }
H4 {font-family: Times;}
H5 {color: green;
    font-family: Verdana;}
H6 {color: blue;
    font-family: san-serif;}

P {font-size:12pt;
   font-stretch: semi-condensed;}

TABLE {   }
CAPTION {font-weight:bold;}
TH {font-variant: small-caps;}
TD {font-style:italic;}

HR {color: yellow;}

A {color:red;
   font-family: Arial;
   font-size: 11pt;
   font-weight: bold;
   font-stretch: semi-expanded;}

OL LI {font-style:italic}
UL LI {font-style:normal;}

Комментарии

Обратите внимание на написание H1, H2, H3 вместе. Мы объединили стилевую информацию для этих трех селекторов.

Кроме этого, мы определили различную стилевую информацию для пунктов нумерованных и ненумерованных списков. Т.е. строки внутри селектора OL будут иметь курсивный шрифт, а строки внутри селектора UL – нормальный.

Более подробная информация о согласовании селекторов расположена в разделе 5.1. Согласование комбинаций.

← Назад | Вперед →
Copyright ©  aranea.ru