Шрифты в CSS. Как задать шрифт в css?

CSS

скачать бесплатно — » 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.чайник, CSS ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

 

Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий