Существует четыре основных случая:
- стиль = атрибут. Это наименее поддерживаемый, но самый простой код. Я лично считаю использование стиля = ошибкой.
- page-specc css: это позволяет вам иметь чистый HTML и чистый основной CSS-файл. Однако это означает, что ваш клиент должен загружать много маленьких CSS-файлов, что увеличивает пропускную способность и задержку загрузки страницы. Однако его очень легко поддерживать.
- один большой CSS для всего сайта: главное преимущество одного большого файла в том, что скачивать его можно только одним способом. Это гораздо более эффективно с точки зрения пропускной способности и задержки.
Если у вас есть какое-либо программирование на стороне сервера, вы можете просто динамически комбинировать несколько листов из # 3, чтобы получить эффект # 4.
Я бы порекомендовал один большой файл, независимо от того, поддерживаете ли вы его как один файл или генерируете файл в процессе сборки или динамически на сервере. Вы можете указать свои селекторы, используя специфичные для страницы идентификаторы (всегда включайте один, на всякий случай).
Что касается ответа , который был принят, когда я писал это, Я не согласен с поиском «комбинации классов, которая дает желаемый результат». Для меня это звучит так, будто классы идентифицируют визуальный стиль вместо логической концепции. Ваши классы должны быть что-то вроде «titlebox», а не «red». Затем, если вам нужно изменить цвет текста на странице информации о пользователе, вы можете сказать
#userInfoPage .titlebox h1 { color : red; }
Не начинайте применять классы повсеместно, потому что класс в настоящее время имеет определенный внешний вид, который вы хотите. Вы должны поместить на страницу высокоуровневые концепции, представленные в виде HTML с классами, а затем стилизовать эти концепции, а не наоборот.