How to include CSS in master pages?

asp.net master-pages asp.net-2.0
Zo Has picture Zo Has · Oct 25, 2010 · Viewed 82.9k times · Source

How do I include CSS reference in only certain pages on my asp.net website? If I include the reference in my master page, all pages of the website share the CSS reference.

Answer

Marko picture Marko · Oct 25, 2010

Just add a CSS ContentPlaceHolder with a default value in it.

Basically, the CSS file you specify as default will be included unless you override that placeholder with an <asp:Content /> tag from a child page.

Your Master Page should look something like this.

<head>
    <asp:ContentPlaceHolder ID="Stylesheets" runat="server">
        <link rel="stylesheet" href="/css/master.css" type="text/css" />
    </asp:ContentPlaceHolder>
</head>

Then from any pages using that Master Page, you can simply override that with a different stylesheet.

On (example) AboutUs.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="Stylesheets" runat="server">
    <link rel="stylesheet" href="/css/form.css" type="text/css" />
</asp:Content>

Related questions

Can I dynamically add HTML within a div tag from C# on load event?

Mind you, I am using master pages, but can I locate a div within the page and throw some html in there? Thanks.

Read More
How to include Javascript file in Asp.Net page

I want to do some client side validation using javascript in ASP.NET page. I tried using <script src="../../../JS/Registration.js" language="javascript" type="text/javascript" /> but its not working. Please help.

Read More
Master Page Weirdness - "Content controls have to be top-level controls in a content page or a nested master page that references a master page."

This is weird. I added a brand new Web Application project to my solution in Visual Studio 2008. Created a master page. Made zero modifications. Created a new webform. Set its master page to the MP I just created. Still, no …

Read More