Используйте несколько файлов CSS или один файл, организованный по комментариям

Question

что считается лучшим подходом к организации CSS.На данный момент я использую одну ссылку в заголовке моих документов xhtml следующим образом:

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

В этом файле я импортирую несколько различных файлов CSS, например: reset.css, structure.css, skin.css

Я знаю, что это требует дополнительных затрат, так как каждый требует дополнительной поездки на сервер, но, на мой взгляд, это делает вещи более логичными и организованными.У кого-нибудь есть мнение о том, как лучше организовать свои css.- Было бы лучше поместить все эти отдельные функции CSS в один файл?Кроме того, лучше всего минимизировать CSS.

Answer 1

Я храню все на отдельных листах.И что касается развития, это способ сделать это.Это делает вещи намного проще в управлении.

В производстве, хотя хорошо не иметь тонны отдельных файлов.Вы можете справиться с этим путем создания компилятора как части вашего процесса сборки, или вы можете использовать минификатор и кеш, чтобы делать это на лету (что я и делал в большинстве моих приложений).

Answer 2

Это зависит от вашей ситуации.Если у вас есть много-много CSS-кода, вы можете разбить свой код на несколько файлов, чтобы немного их организовать.Если у вас не так много кода, вы можете сделать это с одним файлом CSS.Я иногда предпочитаю использовать компрессор CSS.Опять же, все зависит от обстоятельств. Если у вас небольшой файл CSS, сжатие обычно не сильно поможет.Когда вы сжимаете, сохраняйте несжатый файл для вашей разработки.Я использую YUI Compressor.Его действительно легко использовать.