Adding CSS to a C# Web Application

Question

What is the best way to add a cascading stylesheet (CSS) to a web application project in visual studio 2010?

For example if I have the followingL

<asp:Label ID ="lName_lbl" runat="server" text="Last Name:  "></asp:Label>
<asp:TextBox ID="lName" runat="server"></asp:TextBox>
<br />

How do i style all asp labels to have the same properties?

Let's watch our tag choices a little better, m'kay? visual isn't exactly a very good tag. — Joel Coehoorn
– Joel Coehoorn, Commented Dec 19, 2011 at 16:11

dash · Accepted Answer · 2011-12-19 16:17:33Z

2

As the other answers have correctly mentioned, you can use the CssClass attribute for controls that support it.

You can also style the elements using CSS Selectors

ASP.Net makes it easy to add stylesheets to your application via the App_Themes folder. CSS specified in here corresponding to the theme you set in the page or web.config will be automatically loaded. No need to link the css manually.

EDIT:

If you don't already have an App_Themes folder, right click your project, and choose Add->Add ASP.Net Folder->Theme and this will create it for you. To make sure the Theme is used set it in the web.config (via the <pages theme="" attribute) or at the page level. See the App_Themes page for more information.

edited Dec 19, 2011 at 16:17

answered Dec 19, 2011 at 16:07

dash

91.7k4 gold badges54 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user559142 Over a year ago

creating a blank web application does not add an App_Themes folder

dash Over a year ago

You can right click on the web application at the project level, select "Add ASP_Net folder" (or similar), and one of the options will be App_Themes

keyboardP · Accepted Answer · 2011-12-19 16:00:35Z

2

ASP.NET controls have the CssClass property which you can use to style your control. There's also some good advice on using CSS with ASP.NET here.

answered Dec 19, 2011 at 16:00

keyboardP

69.5k13 gold badges162 silver badges209 bronze badges

2 Comments

user559142 Over a year ago

Ok but how do I include the css into my document? Using the standard <link> tag available in HTML? Is there a better way to do it within vis studio 2010?

keyboardP Over a year ago

Yes, the output is still HTML, so you can use the standard <link> or <style> tag.

Martin · Accepted Answer · 2011-12-19 16:01:28Z

1

You can use the CssClass attribute on your labels or you could define a style to apply to all spans since .NET renders <asp:Label /> as a span.

answered Dec 19, 2011 at 16:01

Martin

6,0625 gold badges33 silver badges47 bronze badges

Collectives™ on Stack Overflow

Adding CSS to a C# Web Application

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related