Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Шрифт (font)
Спомощью данного свойства можно установить множество различных атрибутов шрифта. Выбрать непосредственно сам шрифт, определить размер шрифта, стиль шрифта, жирность, также можно сделать заглавные буквы размером в строчные.

Свойства:

font-family
- определяет тип шрифта.
Можно одновременно указать несколько типов шрифта через запятую. По умолчанию берется первый шрифт который указан в строке, если у пользователя этот шрифт не установлен - браузер автоматически переходит на следующий шрифт, и т.д.
Пример:

Code
font-family: Verdana, Arial, Helvetica, sans-serif;

font-size
- определяет размер шрифта.
Устанавливается любыми величинами имеющимися в CSS.
Пример:

Code
font-size: 12px; // Размер шрифта 12 пикселей

font-style
- определяет стиль шрифта.
Примеры:

Code
font-style: normal; // Обычный

Code
font-style: oblique; // Наклонный шрифт

Code
font-style: italic; // Курсивный шрифт

Вы подумете наклонный и курсивный шрифт - это одно и то же?
- Нет, можете проверить сами.
Значение по умолчанию - normal

font-weight
- определяет жирность шрифта.
Устанавливается целыми числами от 100 до 900 (шаг 100), или стандартными словами.
примеры:

Code
font-weight: bold; // Жирный

Code
font-weight: bolder; // Полужирный

Code
font-weight: lighter; // Светлый

Code
font-weight: normal; // Обычный

Значение по умолчанию - normal

font-variant
- может сделать заглавные буквы размером в строчные.
Пример:

Code
font-variant: small-caps; // Заглавные буквы размером в строчные
Категория: CSS | Просмотров: 352 | Добавил: Red_Line666x | 12:55 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2017 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на http://school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"