- Метки урока:
- оптимизация
- css
- кодинг
Как привести CSS код к читаемому виду?
В этом уроке, мы с Вами познакомимся с онлайн форматтером CSS кода. Дело в том, что когда мы самостоятельно пишем CSS код, он не всегда получается ровным и легко читаемым.
Смысл этого форматтера в том, что когда мы отдаем ему свой код, он возвращает его нам в удобочитаемом и приятном виде.
Пример:
CSS код до использования форматтера:
CSS код после:
т.е. сам код не трогается, а меняется только внешний вид.
Чтобы воспользоваться форматтером, зайдите по ссылке: CSS форматтер
Перед Вами появится страница из двух частей. В левую часть вводите свой CSS код:
Затем, жмите кнопку "Format CSS".
Результат:
Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ruseller.com
Автор: Евгений Попов
Урок создан: 31 Декабря 2007
Просмотров: 76298
Правила перепечатки
5 последних уроков рубрики "CSS"
-
Забавные эффекты для букв
Небольшой эффект с интерактивной анимацией букв.
-
Реализация забавных подсказок
Небольшой концепт забавных подсказок, которые реализованы на SVG и anime.js. Помимо особого стиля в примере реализована анимация и трансформация графических объектов.
-
Анимированные буквы
Эксперимент: анимированные SVG буквы на базе библиотеки anime.js.
-
Солнцезащитные очки от первого лица
Прикольный эксперимент веб страницы отображение которой осуществляется “от первого лица” через солнцезащитные очки.
-
Раскрывающаяся навигация
Экспериментальный скрипт раскрывающейся навигации.