Как далеко вы должны разбить таблицы стилей?

Question

Я создаю новый сайт для своей компании, и я нахожусь на стадии, когда я создал html-макет первой страницы. Я собираюсь использовать это как основу для остальной части сайта. Я думаю о том, как лучше организовать свою таблицу стилей, теперь у меня дизайн, похожий на кросс-браузерный, но мне интересно, как далеко я продвинусь, когда разбиваю его.

Одной из идей является следующее:

• reset.css
• typography.css
• layout.css
• colors.css

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

Это кажется разумным методом?

Answer 1

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

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

Answer 2

Не заходи слишком далеко. Если вам нужно, попробуйте найти способ объединить их перед производством. Самая большая проблема в том, что вы начинаете складывать HTTP-запросы. Это не столько проблема для браузера, сколько количество запросов, которые нужно сделать для каждой страницы. Я бы сказал, что вы находитесь в хорошей точке, более 4 будет немного за борт. Помните, что вы всегда можете использовать хорошее комментирование и форматирование, чтобы разбивать большие CSS-файлы.