CSS Форматирование

Форма CSS Форматирования

Эта форма позволяет вам сделать красивый CSS код:


Перенести в «Вставить код» для сохранения

Об инструменте CSS Форматировании

Что такое CSS?

CSS означает Каскадные таблицы стилей. CSS описывает, как элементы HTML должны отображаться на экране, бумаге или других носителях.

CSS - это язык стилей, который определяет макет документов HTML. Например, CSS охватывает шрифты, цвета, поля, линии, высоту, ширину, фоновые изображения, расширенные позиции и многое другое.

Об инструменте CSS Форматировании

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

Как это работает?

Просто вставьте свой CSS в текстовую область выше и нажмите кнопку "Форматировать", и вы получите красивый CSS в той же текстовой области.

Пример CSS Форматирования

Исходные данные (До):
html,body{height:100%}.wrap{min-height:100%;height:auto;margin:0 auto -60px;padding:0 0 60px}
Конечный результат (После):
html, body {
    height: 100%;
}
 .wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}
Связанные инструменты