Пополнить WebMoney
Вывод WebMoney
Обмен WebMoney
Кредит WebMoney

Шрифты в CSS.



чайник, HTML ДЛЯ ЧАЙНИКОВ скачать бесплатно - " HTML на примерах, всё доступно и просто (для начинающих)"
- - -чайник, HTML ДЛЯ ЧАЙНИКОВ- - -
>> с к а ч а т ь <<

чайник, HTML ДЛЯ ЧАЙНИКОВ скачать бесплатно - "Как создать классный сайт!
От начала и до конца"
---чайник, HTML ДЛЯ ЧАЙНИКОВ--->> с к а ч а т ь <<

Шрифты в CSS. Как задать шрифт в css?На шрифты в CSS влияет такие правила как:
- FONT-FAMILY
- FONT-STYLE
- FONT-VARIANT
- FONT-WEIGHT
- FONT-SIZE
- FONT

 

font-family

Это правило позволяет задать тексту определённый шрифт. Например:

h2
{font-family: verdana, arial, sans-serif; }
p
{font-family: "Times New Roman", serif; }

Для заголовка <h2> будет применён шрифт verdana, если его вдруг не окажется то будет использоваться шрифт arial, и уж если нет шрифта arial будет применён sans-serif.
Для параграфов <р> аналогично.

 

font-style

Это правило служит для изменения стиля шрифта.
normal - обычный
italic - курсив
oblique – наклонный

Пример:

h2
{font-family: verdana, arial, sans-serif;
font-style: italic; }

Для всех заголовков <h2> будет использован курсив.

 

font-weight

Позволяет сделать шрифт жирным.  
normal - обычный
bold - полужирный

 

font-size

Размер шрифта. Пример:

p 
{font-size: 80px; }

Размер текста в параграфе <р> будет 80 пикселей.
Можно сделать совсем маленькие буквы или огромные.

 

font

Сокращённая запись всех вышеперечисленных свойств/
Последовательность записи такая:
1 - FONT-STYLE
2 - FONT-VARIANT
3 - FONT-WEIGHT
4 - FONT-SIZE
5- FONT-FAMILY


Пример:

p
{font-style: italic;
font-variant: small-caps ;
font-weight: bold;
font-size: 24px;
font-family: arial, sans-serif; }

Можно заменить и сделать намного короче с правилом «FONT»:

p
{font : italic small-caps bold 24px arial,sans-serif; }

Все значения указываются через пробел!!! Если не указать какое ни будь значение, оно будет использовано по умолчанию.



дальше. - Списки в CSS.чайник, CSS  ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

 


Понравилась статья? - добавь ее себе!


 

 



сайт-визитка / шаблон сайта / обработка фотографий / дизайн афиши, обложки книг, журнал, флаеры и т.д.
 
 
Подробней





nocrisise.ru © 2009-2012