Правильное использование нескольких таблиц стилей на одной странице - PullRequest
Новая
       1

Правильное использование нескольких таблиц стилей на одной странице

3 голосов
/ 03 сентября 2010

Я сталкивался с этим учебником по кодированию HTML: http://css -tricks.com / examples / CleanCode / Beautiful-HTML.png .

Помимо прочего, рекомендуется использовать по одной таблице стилей на страницу . Мои стили CSS организованы в разные таблицы стилей:

  • Global (для всех страниц)
  • Формы (для всех форм)
  • Клиенты (для всех страниц, связанных с клиентами)
  • ... и т. Д.

Если у меня будет одна таблица стилей на страницу, не приведет ли это к огромной избыточности? Разве я не получу десятки или сотни таблиц стилей, многие из которых содержат одинаковые определения?

Что вы думаете об этой практике? Что вы думаете о учебнике для начинающих?

------ UPDATE ------

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

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

Ответы [ 3 ]

4 голосов
/ 03 сентября 2010

Я не думаю, что они означают, что вы используете разные таблицы стилей на каждой странице; они означают, что каждая страница должна иметь только одну таблицу стилей. Эта одна таблица стилей может применяться ко многим страницам и, возможно, ко всему сайту. Резервирования нет,

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

Возможно, они пытались подчеркнуть, что вы можете поместить разные правила для разных носителей в один лист - вам не нужны разные листы для разных носителей.

0 голосов
/ 03 сентября 2010

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

Также стоит отметить: IE 6 & 7 загружают только первые 31 таблицы стилей .

0 голосов
/ 03 сентября 2010

Раньше я использовал:

Цвет форм общего макета и т. Д.

, но с тех пор все мои таблицы стилей были перемещены в один структурированный документ.

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

...