CSS-файл ASP.NET на главной странице

Question

В моем приложении у меня следующая проблема. Я создал главную страницу и несколько страниц контента, некоторые из которых расположены во вложенных папках. На главной странице я добавил ссылку на файл .css

<link href="default.css" rel="stylesheet" type="text/css" />

Но страницы, расположенные во вложенных папках, не могут использовать этот файл .css. Как я могу это исправить? Я хочу иметь один файл .css для всех страниц (:

Спасибо!

Answer 1

<link href="~/default.css" rel="stylesheet" type="text/css" />

Answer 2

Эту проблему можно решить, добавив следующий код на главной странице

<style type="text/css" runat="server">
    @import '<%= ResolveUrl("~/default.css")%>';
</style>

Но дизайнер VS не может обработать это, и вы не можете просматривать в нем свои стили.

Answer 3

Если вы используете веб-сайт под веб-сайтом, измените ссылку на мастер-страницу подпапки CSS

<link href="Styles/Site.css" rel="stylesheet" type="text/css" />

изменить с ниже

<link href="../Styles/Site.css" rel="stylesheet" type="text/css" />

Answer 4

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

Полностью определенный путь

<link href="http://some.site.com/mysite/styles/default.css" rel="stylesheet" type="text/css" /> 

или относительный путь (обратите внимание, что это может не сработать, если у вас есть версия, которая может содержать только один сайт, но много приложений, таких как WinXP)

<link href="/default.css" rel="stylesheet" type="text/css" /> 

Win XP относительный путь

<link href="/path/to/application/default.css" rel="stylesheet" type="text/css" />

Answer 5

То, как вы определили свою таблицу стилей, означает: таблица стилей находится в той же папке, что и страница, на которой она используется .

Если вы хотите иметь одну таблицу стилей для всех страниц, вы должны поместить ее в одном месте (я предпочитаю папку /assets/css в корне приложения) и определить путь, используя эту папку:

<link href="/assets/css/default.css" rel="stylesheet" type="text/css" />

Другой способ архивации - использовать Темы , в этом случае стили будут добавляться автоматически.