CSS TimeSaver — сэкономь время форматируя внешний вид веб-сайта

css timesaver - simple web design time saver for your projects

CSS TimeSaver — это простой и удобный «инструмент» для тех, кто хочет сэкономить время форматируя внешний вид веб-сайта.

В один CSS файл были собраны самые часто используемые свойства, к тому же, уже со значениями. Как пример, размер шрифта и отступы для отдельных элементов Вы можете указать прямо в атрибуте «class» любого тега.

Согласитесь, куда удобнее и быстрее это:

<div class="bg-white grey-25 fw-600 ta-c mt-30 mb-30 pt-30 pb-30">CSS TimeSaver</div>

чем это:

.bg-white {
    background-color: white;
}
.grey-25 {
    color: rgb(130,130,130);
}
.fw-600 {
    font-weight: 600;
}
.ta-c {
    text-align: center;
}
.mt-30 {
    margin-top : 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.pt-30 {
    padding-top: 30px;
}
.pb-30 {
    padding-bottom: 30px;
}

А всего-то нужно подключить один CSS-файл и готово:

<link rel="stylesheet" type="text/css" href="csstimesaver.css" />

Поделиться или сохранить:
  • 1
    Share

Также интересно…

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


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Есть вопросы?