Отправляет email-рассылки с помощью сервиса Sendsay

Как создать сайт

  Все выпуски  

Как создать сайт


Стилизация абзацев

Здравствуйте! На прошлом уроке мы с Вами разбирались со стилями CSS для текста, а сегодня поговорим о стилях для абзаца. Отдельная группа свойств CSS позволяет стилизовать большие группы текста, например, установить высоту строки или выравнивание текста.

line-height

Свойство line-height определяет межстрочный интервал. Для его установки можно использовать пиксели, проценты или единицы em. Как правило, применяются либо проценты, либо em. Например:

p{
    line-height: 150%;
}
Подробнее
 

Стилизация текста

Здравствуйте! Продолжаем разбираться с CSS стилями. Мы уже разобралтсь со стилями шрифтов и высотой шрифта, а сегодня мы разберем стили для текста.

text-transform

Свойство text-transform изменяет регистр текста. Оно может принимать следующие значения:

  • capitalize: делает первую букву слова заглавной

  • uppercase: все слово переводится в верхний регистр

  • lowercase: все слово переводится в нижний регистр

  • none: регистр символов слова никак не изменяется

 

Подробнее
 

 

Высота шрифта

Здравствуйте! В прошлом уроке мы разбирались как подключить внешние шрифты к веб-странице. В этом уроке поговорим о таком свойстве шрифта как высота.

Для установки размера шрифта используется свойство font-size:

div{
    font-size: 18px;
}
Подробнее
 

Внешние шрифты

Не всегда стандартные встроенные шрифты, как Arial или Verdana, могут быть удобны. Нередко встречается ситуация, когда веб-дизайнер хочет воспользоваться возможностями какого-то другого шрифта, которого нет среди встроенных, но который доступен из внешнего файла. Такой шрифт можно подключить с помощью директивы font-face:

@font-face {
     
    font-family: 'Roboto';
    src: url(http://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2);
}

 

Подробнее
 

 

Стилизация шрифтов

 Семейство шрифтов

Свойство font-family устанавливает семейство шрифтов, которое будет использоваться. Например:

body{
    font-family: Arial;
}

В данном случае устанавливается шрифт Arial.

 

Подробнее

 

В избранное