Использование фрейма css над собственными css
Я пытаюсь достичь наилучшей практики CSS на своем веб-сайте, используя свой собственный CSS, пока не обнаружу, что вместо этого я могу использовать среду CSS, такую как начальный загрузчик или Foundation Zurb. Я думал, что использование такого фреймворка напрямую без необходимости создания собственного пользовательского CSS возможно, но оказывается, что все фреймворки CSS ограничены каким-то моментом, но мне нужно добавить дополнительный пользовательский CSS, чтобы мой сайт выглядел так, как я хочу.
Я хочу использовать платформу css из-за того, что она обслуживается по CDN, поэтому нет дополнительной пропускной способности, а также для скорости загрузки и производительности.
Теперь мой вопрос, возможно ли использовать только CSS-фреймворк на веб-сайте без необходимости добавления пользовательских CSS?
также как насчет создания моего собственного CSS и использования @import в рамках CSS внутри пользовательского файла, это хорошая практика?
Может ли кто-нибудь объяснить мне эффективный способ подачи файла CSS с / без инфраструктуры CSS на мой сайт?
2 ответа
Вы можете использовать простую платформу без написания какого-либо пользовательского CSS, если вы либо: а) довольны тем, как она выглядит без пользовательского CSS, либо б) как одна из многих тем, которые вы можете получить для таких фреймворков.
Вы можете @import фреймворк в ваш собственный CSS - на самом деле, многие фреймворки доступны как less и их импорт позволяет вам использовать переменные из фреймворка и в вашем собственном CSS.
Что касается эффективности, вы уверены, что это проблема производительности? Если вы не измерили производительность, вы не готовы оптимизировать! Конечно, это будет прямой экономический компромисс между тем, как вы будете выглядеть точно так, как вы хотите, и быстрой загрузкой страницы.
Использование CSS-фреймворка всегда является хорошим вариантом. Вы можете использовать либо начальную загрузку / фундамент. наряду с различными функциональными возможностями на сайте, он также обеспечит анимационные эффекты. И помог бы завершить сайт быстрее, поскольку они предоставляют фрагменты кода. Вы можете использовать less/sass и настроить стили в переменных, так что вам не придется включать дополнительный пользовательский файл CSS.