Продолжаем наши CSS уроки. Сегодня используя стили CSS мы научимся оформлять шрифт на наших web-страницах. Ранее мы немножко касались этой темы, а сегодня разберемся окончательно со всеми параметрами которые можно задать для отображения шрифта различными стилями.
Естественно для начала создаем новый стиль, назовем его для определенности p.new . Как Вы помните из первых уроков можно задать класс p - тогда у нас все что заключено в теги абзаца <p> </p> будет отображаться этим стилем, а можно создать класс p.new , тогда этот класс нужно будет прописывать тем обзацам, где мы хотим изменить внешний вид шрифта.
А теперь давайте разберемся с атрибутами шрифта и параметрами:
font-family:Verdana, Tahoma; - задает шрифт текста - в данном случае это шрифты Verdana и Tahoma;
monospase - без параметров - задает моноширинное начертание шрифта, как на печатной машинке, часто используется для написания различного кода на web-странице;
font-size:12px; - задает размер шрифта в данном случае 12px;
font-variant:small-caps; - отображает все прописные (маленькие) буквы заглавными;
font-style:italic; - отображает текст курсивом;
font-weight:700; - делает шрифт "Жирным" можно указать значение до 900;
font-weight:bold; - тоже что и преведущий параметр, обычно используют значение bold;
В сокращенном виде код написания стиля будет выглядить так:
Еще целесобразно добавить в этот код уже знакомый Вам параметр color: отбражающий цвет шрифта, например, если фоновый цвет на странице черный, то логичнее сделать цвет шрифта белым color: white; и наоборот, но это уже на Ваше усмотрение.