Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Оформление шрифта в CSS.

Viktor | 24.02.2014 | нет комментариев

Продолжаем наши 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;

В сокращенном виде код написания стиля будет выглядить так:

Листинг 8.1.

p.new { font-family: Verdana, Tahoma; font-size: 12px; font-style: italic; font-weight: bold; }

Еще целесобразно добавить в этот код уже знакомый Вам параметр color: отбражающий цвет шрифта, например, если фоновый цвет на странице черный, то логичнее сделать цвет шрифта белым color: white; и наоборот, но это уже на Ваше усмотрение.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB