AspNet MVC4 教学-8:AspNet MVC4 4种引入CSS的方法

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

My.css文件如下:

h2
{
    font-family: 黑体;
    color: #FF0000;
}

My2.css:

h2
{
    font-family: 幼圆;
    color: #00FF00;
}

在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
    {
        //
        // GET: /Home/
  
        public ActionResult Index()
        {
            return View("Index");
        }
        public ActionResult Index2()
        {
            return View("Index2");
        }
        public ActionResult Index3()
        {
            return View("Index3");
        }
        public ActionResult Index4()
        {
            ViewBag.FontColor = "#00ffff";
            return View("Index4");
        }
        public ActionResult Css3()   {
            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>