css из одной строки в нормальный вид

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

Смысл этого форматтера в том, что когда мы отдаем ему свой код, он возвращает его нам в удобочитаемом и приятном виде.

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

CSS код после:

т.е. сам код не трогается, а меняется только внешний вид.

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

Перед Вами появится страница из двух частей. В левую часть вводите свой CSS код:

Затем, жмите кнопку «Format CSS».

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ruseller.com
Автор: Евгений Попов
Урок создан: 31 Декабря 2007
Просмотров: 56223
Правила перепечатки

5 последних уроков рубрики «CSS»

Забавные эффекты для букв

Небольшой эффект с интерактивной анимацией букв.

Реализация забавных подсказок

Небольшой концепт забавных подсказок, которые реализованы на SVG и anime.js. Помимо особого стиля в примере реализована анимация и трансформация графических объектов.

Анимированные буквы

Эксперимент: анимированные SVG буквы на базе библиотеки anime.js.

Солнцезащитные очки от первого лица

Прикольный эксперимент веб страницы отображение которой осуществляется “от первого лица” через солнцезащитные очки.

Раскрывающаяся навигация

Экспериментальный скрипт раскрывающейся навигации.

Как можно минимизированный CSS привести в нормальный вид программными средствами?

  • Библиотека
  • Программный код
  • API сервиса
  • Онлайн-сервис (этот вариант привлекает спам)

2 ответа 2

В PHPStorm можно минифицированный код привести в нормальный (Code > Reformat CodeCtrl + Alt + L). Комбинация может разниться от версии Схемы (то бишь настроек редактора). Указано сочетания для Default Scheme.

По поводу минификации кода есть отдельные статьи и плагины.

Можно воспользоваться программой KOALA. Не только минимизирует код, но компилирует LESS и SASS в css минимизирует js файлы и многое другое.

А на счет привести в нормальный вид пользуюсь плагином, html-css-js prettify

кнопки ctrl+shift+h выравнивает код js css и html

Всё ещё ищете ответ? Посмотрите другие вопросы с метками css или задайте свой вопрос.

Похожие

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2019.11.15.35459

Formats a CSS files with the chosen indentation level for optimal readability. Supports 4 indentation levels: 2 spaces, 3 spaces, 4 spaces and tabs.

*The maximum size limit for file upload is 2 megabytes. All files bigger than 500k will be formatted to a new window for performance reason and to prevent your browser from being unresponsive.

Оцените статью