alt

Когда человеку тяжело,
это часто означает,
что он идёт к успеху.

alt


CSS, Свойство font.

Категория: Уроки CSS Просмотров: 3472 Коментариев: 0 Дата: 2018-01-13 Добавил: admin

 CSS, Свойство font

Итак, мы подошли к финишной прямой по оформлению шрифта и в этом уроке мы рассмотрим последнее свойство относящееся к шрифтам - font. Это свойство является универсальным и позволяет сокращать запись, путем одновременного задания всех параметров шрифта в одном свойстве.

 Font

При использовании этого свойства нужно соблюдать последовательность, которая указана на картинке выше. То есть первым указывается font-style - это italic.

Вторым указывается font-variant - установка капители (заглавные буквы уменьшенного размера).

Третьим указывается font-weight - насыщенность шрифта bold или normal.

Затем указывается размер шрифта font-size и если требуется высоту межстрочного интервала line-height и, в конце уже, указывается тип шрифта font-family.

При использовании свойства font обязательно должны быть указаны размер шрифта и тип шрифта или его семейство. Остальные свойства являются не обязательными и указываются при необходимости.

Ниже представлено несколько вариантов использования:

HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>HTML страница</title>
     <link  href="css/fonts.css" type="text/css" rel="stylesheet">
</head>
<body>

Текст, которому задано Свойство font Текст, которому задано Свойство font Текст, которому задано Свойство font Текст, которому задано Свойство font Текст, которому задано Свойство font Текст, которому задано Свойство font </body> </html>
CSS
p{
    font: 18px/35px sans-serif;
}

В этом примере указывается, что размер шрифта - 18px, а межстрочный интервал - 35px. В качестве шрифта указан рубленый шрифт без засечек из семейства sans-serif.


CSS
p { 
font: bold italic 18px serif; 
}

Указанные значения соответствуют тому, что шрифт должен быть bold - жирным, и в то же время быть italic - наклонным (курсивным). Размер шрифта 18px, а вид шрифта выбирается из семейства serif с засечками.


CSS
p { 
font: normal small-caps 18px/35px fantasy; 
}

И последний вариант: придает шрифту следующие параметры - normal - не жирный, small-caps - текст в виде капители, то есть заглавные буквы уменьшенного размера. Размер шрифта 18px и растояние между строк 35px, а тип шрифта fantasy.

Вот таким образом можно объединить все свойства шрифта в одно общее свойство, тем самым сократив запись.

Вот мы рассмотрели универсальное свойство относящиеся к шрифту. На этом все, мы рассмотрели все Основные свойства, которые позволяют нам работать и изменять внешний вид, как шрифта, так и текста, а мы идем дальше, где рассмотрим новые свойства CSS.


Просмотреть демо: Демо

Скачать исходник: Скачать



Добавить комментарий:


Ваше имя

Текст комментария


Введите буквы с учетом регистра:





Апдейты

Популярное Свежие записи

Облако тегов