Я готов закодировать кучу пользовательских элементов управления ASP.NET MVC. Все эти элементы управления являются пользовательским интерфейсом и требуют CSS. Каковы лучшие практики для этого? Должен ли я иметь один гигантский файл CSS с кодом всех элементов управления?
В идеале я хотел бы, чтобы каждый элемент управления имел свой собственный файл CSS. Возможно ли это сделать?
Спасибо!
Я лично создал бы «controls.css» или что-то подобное и поместил бы туда все css, связанные с вашими элементами управления. Когда вы будете готовы к развертыванию, сожмите и уменьшите все свои css в 1 файл. Я играл с SquishIt в последнее время и очень нравится.
Если вы решительно настроены хранить файлы css отдельно для каждого элемента управления, я бы добавил дополнительный ContentPlaceHolder в <head> вашей мастер-страницы прямо перед закрывающим </head> и назвал бы его чем-то вроде «ExtraScriptsAndCss». Таким образом, если ваше представление использует определенный элемент управления, вы можете вставить соответствующий CSS или javascript в тег заголовка.
«Пользовательские элементы управления» в MVC на самом деле являются «помощниками HTML». Это всего лишь HTML, так что вы можете свободно развертывать/распространять их любым удобным для вас способом. Вы можете поместить стили в одну таблицу стилей или разделить их. Пока теги <link rel> переносят их на страницу, на которую они добавлены, все будет работать нормально.
Я бы порекомендовал вам добавить параметр к вашим помощникам, который позволяет пользователю переопределять путь и имя файла CSS по умолчанию, если они хотят использовать свои собственные.
С прагматической точки зрения я бы выбрал один гигантский файл css. Он может быть минимизирован и кэширован клиентом. Это избавит вас от издевательств над попытками поместить правильный CSS в заголовок документа.
