Уникальные страницы – отдельные CSS-файлы - «Верстка»
Google добавила флагманскую ИИ-модель Gemini 4 Argon в подписку за $20 — но с ограничениями - «Новости сети»
Google добавила флагманскую ИИ-модель Gemini 4 Argon в подписку за $20 — но с ограничениями - «Новости сети»
Вайб-кодинг добрался до Android: Google разрешила запускать собственные приложения без публикации в «Play Маркете» - «Новости сети»
Вайб-кодинг добрался до Android: Google разрешила запускать собственные приложения без публикации в «Play Маркете» - «Новости сети»
Разработчик бесплатного клона Photoshop взялся за воссоздание Microsoft Office - «Новости сети»
Разработчик бесплатного клона Photoshop взялся за воссоздание Microsoft Office - «Новости сети»
Microsoft одним махом залатала 1118 дыр в Windows и другом ПО - «Новости сети»
Microsoft одним махом залатала 1118 дыр в Windows и другом ПО - «Новости сети»
За литографами — очередь до 2030 года: ASML не успевает за аппетитами ИИ-индустрии - «Новости сети»
За литографами — очередь до 2030 года: ASML не успевает за аппетитами ИИ-индустрии - «Новости сети»
«Больше никакого рукописного кода»: Epic Games отложила шутер с героями Disney и перевела разработчиков на Claude - «Новости сети»
«Больше никакого рукописного кода»: Epic Games отложила шутер с героями Disney и перевела разработчиков на Claude - «Новости сети»
Власти Майами раскрыли рекламный бюджет GTA VI - «Новости сети»
Власти Майами раскрыли рекламный бюджет GTA VI - «Новости сети»
Apple спрятала графитовую трубку в шарнире складного iPhone Duo и вот для чего - «Новости сети»
Apple спрятала графитовую трубку в шарнире складного iPhone Duo и вот для чего - «Новости сети»
Китайцы купили миллион видеокарт GeForce для ИИ — тем временем Huawei захватывает рынок ИИ-чипов - «Новости сети»
Китайцы купили миллион видеокарт GeForce для ИИ — тем временем Huawei захватывает рынок ИИ-чипов - «Новости сети»
Intel вырезала из GPU блоки 3D-графики и трассировки лучей ради ИИ — представлен D270 с поддержкой до 480 Гбайт LPDDR5X - «Новости сети»
Intel вырезала из GPU блоки 3D-графики и трассировки лучей ради ИИ — представлен D270 с поддержкой до 480 Гбайт LPDDR5X - «Новости сети»
Новости мира Интернет » Самоучитель CSS » Вёрстка » Уникальные страницы – отдельные CSS-файлы - «Верстка»


Хотелось бы обсудить следующую тему: как хранить различные CSS стили для уникальных страниц в
пределах одного сайта. Думаю, что это достаточно распространенная ситуация… Например у вас есть
домашняя станица, которая отличается от блога, который в свою очередь отличается от страницы «about», а
все они вместе отличаются от страницы с контактами.


Вот мои соображения по этому поводу.



Всегда должен быть один основной CSS файл.



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


На сколько они различны? И много ли их?



Допустим, что страница с контактами использует специальный стиль, который больше нигде не используется
на сайте. Было бы глупо включать данный стиль для основного CSS файла, т.к. он не будет использоваться
на 99% страниц А теперь ответьте на следующий вопрос: много ли у вас таких страниц?


Уникальная страница – отдельный CSS файл



Мое виденье ситуации следующее: загружать главный стиль на каждой странице и, если понадобится, то
загружать дополнительно уникальный для данной станицы стиль (или страниц данного стиля)…



Уникальные страницы – отдельные CSS-файлы - «Верстка»

Аргументы против


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


Почему это работает


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


Хотелось бы обсудить следующую тему: как хранить различные CSS стили для уникальных страниц в пределах одного сайта. Думаю, что это достаточно распространенная ситуация… Например у вас есть домашняя станица, которая отличается от блога, который в свою очередь отличается от страницы «about», а все они вместе отличаются от страницы с контактами. Вот мои соображения по этому поводу. Всегда должен быть один основной CSS файл. В большинстве случаев на всех страницах сайта присутствуют повторяющиеся элементы. Возможно это управляющие элементы? такие как заголовок сайта, или навигация. С точки зрения оформления у этих элементов должен быть один стиль, либо должна быть веская причина что бы этого не делать. Соответственно, у нас есть как минимум один элемент на всех страницах с общим стилем. Такие стили следует размещать в основном CSS файле и загружать его на всех страницах. На сколько они различны? И много ли их? Допустим, что страница с контактами использует специальный стиль, который больше нигде не используется на сайте. Было бы глупо включать данный стиль для основного CSS файла, т.к. он не будет использоваться на 99% страниц А теперь ответьте на следующий вопрос: много ли у вас таких страниц? Уникальная страница – отдельный CSS файл Мое виденье ситуации следующее: загружать главный стиль на каждой странице и, если понадобится, то загружать дополнительно уникальный для данной станицы стиль (или страниц данного стиля)… Аргументы против Не все согласятся с таким подходом. Многие скажут, что все страницы должны иметь только один CSS и jаvascript файл, что позволит уменьшить количество HTTP запросов и ускорить загрузку. Думаю, что в большинстве случаев это так, но тогда мы загружаем большой файл, который используется в лучшем случае на половину, и что тогда? Тем более, что работать (править/изменять) с небольшими персональными файлами проще. Почему это работает В большинстве случаев, вам не нужно 100 различных стилей. Если это так, то возможно стоит вернуться назад и подумать, что с этим сайтом не так. И уж если вам действительно необходимо такое количество стилей, то необходимо использовать другой подход. Я никогда не буду выступать за создание 100 различных стилей, т.к. это выходит за пределы разумного и противоречит сущности CSS. Но для очень большого количества сайтов с горсткой различных стилей для большинства страниц и парочкой своеобразных – это мой любимый подход.

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

+1

Смотрите также

А что там на главной? )))



Комментарии )))