How to reference a css file on a razor view

Question

I know how to set  css files on the  Layout cshtml file  but what about applying a stylesheet on a per-view basis   My thinking here is that  in  Layout cshtml  you have  lt head gt  tags to work with  but not so in one of your non-layout views  Where do the  lt link gt  tags go

User · Answer

Using   Scripts Render    scripts myScript js     or    Styles Render    styles myStylesheet css     could work for you   https   stackoverflow com a 36157950 2924015

User · Answer

I tried adding a block like so    section styles       lt link rel  Stylesheet  href   Href    Content MyStyles css      gt      And a corresponding block in the  Layout cshtml file    lt head gt   lt title gt  ViewBag Title lt  title gt   RenderSection  styles   false    lt  head gt    Which works  But I can t help but think there s a better way  UPDATE  Added  false  in the  RenderSection statement so your view won t  splode when you neglect to add a  section called head

User · Answer

You can this structure in Layout cshtml file   lt link href    YourCssFolder YourCssStyle css  rel  stylesheet  type  text css    gt

User · Answer

For CSS that are reused among the entire site I define them in the  lt head gt  section of the  Layout    lt head gt       lt link href   Url Content    Styles main css    rel  stylesheet  type  text css    gt       RenderSection  Styles   false   lt  head gt    and if I need some view specific styles I define the Styles section in each view    section Styles        lt link href   Url Content    Styles view specific style css    rel  stylesheet  type  text css    gt      Edit  It s useful to know that the second parameter in  RenderSection  false  means that the section is not required on a view that uses this master page  and the view engine will blissfully ignore the fact that there is no  Styles  section defined in your view  If true  the view won t render and an error will be thrown unless the  Styles  section has been defined

User · Answer

I prefer to use the razor html helper from Client Dependency dll  Html RequireCss  yourfile   9999      9999 is loading priority

User · Answer

layout works the same as an master page  any css reference that layout has  any child pages will have    Scott Gu has an excellent explanation here

[css] How to reference a .css file on a razor view?

Examples related to css

Examples related to asp.net-mvc

Examples related to razor