Стоит ли создавать отдельный CSS-файл для каждой HTML-страницы?
Я создаю личную домашнюю страницу. У меня есть 4 HTML-страницы и только один CSS-лист, связанный для всех страниц. То есть внутри одного CSS-файла я настроил макет для всех разных страниц.
[На самом деле, каждая страница имеет практически одинаковый макет, только содержание и их стиль выглядят по-разному. И мой сайт не является таким уж продвинутым.]
Это хорошая практика? Или я должен создать отдельный CSS для каждой страницы?
Пример того, что у меня есть сделано:
Страница-1.html:
<link rel="stylesheet" type="text/css" href="design.css">
Страница-2.html:
<link rel="stylesheet" type="text/css" href="design.css">
Дизайн.css:
/*
.......
*/
5 ответов:
Ваш пример показывает, что вы используете один файл
design.cssдля всего вашего веб-сайта.Вообще, лучше иметь одну единственную .css-файл, содержащий данные для всех страниц по двум причинам:
Я бы посоветовал вам, если вы действительно хотите разделить .css в отдельных блоках использовать CSS '
- вы позволите браузерам кэшировать данные .css-файлы, что приводит к более быстрой загрузке;
- это облегчит процесс обслуживания.
@importдля разделения блоков кода, т. е. стилей форм и т. д на.
Просто есть 1 css-файл для чего-то настолько маленького. Когда вы приступаете к созданию больших сайтов, вы можете разбить таблицы стилей на модули.
Прочтите подход smaccs, поскольку это надежный способ мышления, прежде чем вы достигнете уровня, на котором вы можете построить свою собственную архитектуру css.
Для этого нет универсальной наилучшей практики. Как правило, для больших проектов рекомендуется разделять css между несколькими файлами для отладки и обслуживания во время разработки. Поскольку ваш личный сайт не кажется слишком сложным, не кажется разумным отделять их друг от друга. На этот вопрос уже дан ответ.
Один огромный .css-файл против нескольких небольших конкретных .файлы css?
Это хорошая практика. Как вы сказали, что
На самом деле, каждая страница имеет практически одинаковый макет, только содержание и их стиль выглядят по-разному. И мой сайт не является таким уж продвинутым.
Поэтому сохраняйте только один CSS-файл. Причины:
- браузеры легко сохраняют кэш
- это лучше для обслуживания, так как у вас есть все ваши правила проектирования только в одном месте.
- поскольку ваш проект невелик, CSS-файл совсем не так велик.
Если вы хотите разделить файлы по организационным причинам, я предлагаю вам прочитать о препроцессорах CSS, таких какLess илиSass . С их помощью вы можете установить свои стили в отдельных файлах и объединить их все до выпуска.
Вы должны сохранить только один css-файл. Позвольте мне сказать вам в простой одной строке, как только ваш сайт загружается в клиентском веб-браузере статический ресурс может быть кэширован, что помогло вашему сайту увеличить и количество веб-запросов может быть уменьшено, когда пользователь просматривает несколько страниц вашего сайта.
Comments