title: CSS not being applied in Visual Studio 2012 designer?
body: <p>I have some css, which when inside my CSS file isn't applied to my designer in Visual Studio, but is applied to the page when I publish it.  This issue is slowing down site development massively as I'm trying to pick up CSS as I go...</p>
  
  <p>Here's a sample bit of CSS:</p>
  
  <pre><code>.header {
      background-color: #ccc;
      border-bottom: 1px solid #666;
      color: #222;
      display: block;
      font-size: 20px;
      font-weight: bold;
      padding: 100px 100px 100px 100px;
      text-align: center;
      text-decoration: none;
          text-shadow: 0px 1px 0px #fff;
      background-image: -webkit-gradient(linear, left top, left bottom, 
                                         from(#ccc), to(#999));
  }
  </code></pre>
  
  <p>Me applying the CSS on the page:</p>
  
  <pre><code>&lt;header&gt;
      &lt;asp:Label ID="lblQuestion" runat="server" Font-Bold="True" Font-Size="16pt" Text="Your question goes here..." CssClass="header"&gt;&lt;/asp:Label&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>Me adding the CSS to the page:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="mycss.css" media="only screen and (max-width: 480px)" /&gt;
  </code></pre>
  
  <p>I'm pretty new to CSS, so I'm hoping someone can tell me what I'm doing that is stopping Visual Studio rendering the CSS properly in the designer...</p>
  
  <p>Also, if I put my CSS tags directly in the page then it works, but I'd much rather keep my CSS out in it's own file, where it can be reused.</p>
  
  <p>Example style working:</p>
  
  <pre><code>&lt;style&gt;
      .header {
          background-color: #ccc;
          border-bottom: 1px solid #666;
          color: #222;
          display: block;
          font-size: 20px;
          font-weight: bold;
          padding: 100px 100px 100px 100px;
          text-align: center;
          text-decoration: none;
          text-shadow: 0px 1px 0px #fff;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Thanks</p>