Links css file to a content page_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2022-12-08 02:33 出处：网络

开发者_高级运维I have Master page and some content pages. I want to assign different css file to each of the content pages.

相关专题：asp.net

开发者_高级运维I have Master page and some content pages.

I want to assign different css file to each of the content pages.

(without using themes)

How can I do that?

I did that once by adding a header-placeholder in the master-page, and explicitly specifying the css in the content-pages.

In the Master:

<head runat="server">
    <title></title>
    <link href="~/css/common.css" rel="stylesheet" type="text/css" />
    <!-- loads of other stuff / -->
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

and in the Content:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        <link href="../css/SomeContent.css" rel="stylesheet" type="text/css" />
        <script src="../js/SomeJsToo.js" type="text/javascript"></script>
</asp:Content>

If you're using visual studio 2008, you're going to have a real easy time. First make a master page like this:

    <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

Now make a content page based off of this master page:

    <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
</asp:Content>

Now in the Content1 placeholder you just place the stylesheet that you would like to have applied to that page.

That's it. Hope this works for you.

Use an external master CSS file for all pages using:

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

Then you can use embedded CSS on the individual content pages using the style tag, e.g:

<style type="text/css">
h1 {color:red}
p {color:blue}
</style>

I have tried many of the above ways but still getting error. Finally i use the following codes on the page load and it works fine:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    Dim css1 As New HtmlLink
    css1.Href = ResolveUrl("report.css")
    css1.Attributes("rel") = "stylesheet"
    css1.Attributes("type") = "text/css"
    css1.Attributes("media") = "all"
    Me.Page.Header.Controls.Add(css1)

End Sub