2013-09-02 2 views
0

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

  • страница уровень
  • в отдельном CSS файл, относящийся к странице (отдельный файл для каждой страницы где требуется)
  • или все CSS-код в общий файл

?

Что такое обычно используемый метод?

+1

Этот вопрос не имеет для меня никакого смысла. –

+0

Вы говорите о том, чтобы предоставить общий обертке специальный класс на каждую страницу и добавить селекторов на всю страницу в соответствии с этим классом? – Itay

+0

Вы имеете в виду «Неправильно ли использовать CSS на странице, а не в файле .css»? – Beno

ответ

4

Ну, это зависит от того, чего вы пытаетесь достичь.

Скажите, например, если у вас есть элемент, имеющий класс, который находится только на этой странице, и нет на сайте, скажите номер обслуживания, и у вас есть куча стилей, которые вы не хотите включать в основном файле CSS, поскольку он применим только для этой страницы, в том числе эти стили в основной таблице стилей не имеет никакого смысла, так как он раздувает вашу таблицу стилей на несколько байтов или килобайт. Поэтому вы можете использовать стили уровня документа в этом случае, это будет Минимизировать ваш файл ядро ​​CSS, так что это для performance/optimization

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

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


Как вы редактировали Ваш вопрос, лучший способ пойти на страницах конкретных стилей, чтобы включить блок <style> тега в <head> этого документа (а не принуждение, хотя) и не включает в себя эти стили в вашем core/general stylesheet.

  • Уровень Page - ДА
  • В отдельном CSS файл, относящийся к странице (отдельный файл для каждой страницы, где это необходимо) - NO
    это увеличит количество таблиц стилей, а также он будет приводят к дополнительному http запросу
  • Или все CSS кода в общем файле - NO, это будет раздувать вашей основной таблицы стилей без необходимости.
Смежные вопросы