Шпаргалка CSS для управления шрифтом и текстом

· · 559

Что можно легко менять в шрифтах с помощью средств CSS. Это далеко не полный перечень, в дальнешем буду добавлять новые примеры.

Размер шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-size: 0px;
}
    

Отступ первой строки text-indent

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    text-indent: 0px;
}
    

Межстрочное расстояние

Lorem Ipsum - это текст-"рыба",
часто используемый в печати и вэб-дизайне.


p {
    line-height: 0px;
}
    

Межбуквенное расстояние

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    letter-spacing: 0px;
}
    

Толщина шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-weight: normal;
}
    

Cтиль шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-style: normal;
}
    

Устанавливает семейство шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-family: normal;
}
    

Горизонтальное выравнивание текста

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    text-align: left;
}
    

Преобразованием текста в заглавные или прописные символы

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    text-transform: none;
}
    

Цвет шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    color: #fe234f;
}
    

4

подписаться
Поблагодарить автора:

Сайт pllsll.com в социальных сетях и мессенджерах:
Канал в Telegram @pllsll
Страница в vk.com
Страница в instagram.com
Страница на facebook.com

Чтоб оставить комментарий нужно войти или зарегистрироваться

Интересные материалы


Добро пожаловать на Pollskill.com

Публикуйте свои работы. Черпайте вдохновение, следите за новостями дизайна

регистрация Вход