css из одной строки в нормальный вид - Ок! Компьютер

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

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

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

CSS код после:

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

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

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

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

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

Содержание

5 последних уроков рубрики «CSS»
Забавные эффекты для букв
Реализация забавных подсказок
Анимированные буквы
Солнцезащитные очки от первого лица
Раскрывающаяся навигация
2 ответа 2
Всё ещё ищете ответ? Посмотрите другие вопросы с метками css или задайте свой вопрос.
Похожие

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

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

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

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

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

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

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

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

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

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

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

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

Библиотека
Программный код
API сервиса

Онлайн-сервис (этот вариант привлекает спам)

2 ответа 2

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

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

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

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

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