MVC4 引入CSS

在Content下面创建2个CSS文件:

My.css

My2.css

BundleConfig.cs

在BundleConfig.cs文件中RegisterBundles静态方法中,添加修改如下代码:

bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css", "~/Content/my.css"));

HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcCssTest.ActionFilters;
namespace MvcCssTest.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.FontColor = "#00ffff";
            return View("Index");
        }
        public ActionResult Index()   
        {
            return Content("h2{font-family: 隶书; color: #0000FF}", "text/css");
        }
    }
}

Index.cshtml:

@{
    ViewBag.Title = "Index";
  
}

<h2>Index-字体测试</h2>
<h2>@Html.ActionLink("Index2","Index2")</h2>
<h2>@Html.ActionLink("Index3","Index3")</h2>
<h2>@Html.ActionLink("Index4","Index4")</h2>

Index2.cshtml:

@{
    ViewBag.Title = "Index2";
}

<h2>Index2-字体测试</h2>
@section Styles{

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

  }

Index3.cshtml:

@{
    ViewBag.Title = "Index3";
}
@section Styles{
<link type="text/css"  rel="Stylesheet" href="@Url.Action("Css3")" />
}
<h2>Index3-字体测试</h2>

Index4.cshtml:

@{
    ViewBag.Title = "Index4";
}

<h2 style="color:@ViewBag.FontColor">Index4-字体测试</h2>