【ASP.NET】怎么在视图页添加css样式呢（原理）

我们都知道，在视图中添加@section scripts{}就可以写js代码了

@section scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">

    </script>
}

 

而现在我想在单视图添加css样式呢，怎么弄？

查询了很多资料都是说用@section css 或者 @section HeadCss

这样直接加上去根本没用，为什么呢？因为我们没有定义 css这个名称

 

我们用@section scripts{}有效，是因为模板页已经定义好了scripts

在模板页的最下面

false表示不是必需的，就是说在视图中，有没有这部分都无所谓

 

那怎么在子视图添加css样式呢

我们先来了解一下模板页与视图的关系

模板页就是提供一个模板，所有的视图都共用一个模板，当然我们也可以在视图中重新指定模板页

默认的模板页中

其中有一个 @RenderBody()代表视图页的内容填充到这个来

而@RenderSection("scripts", required: false)定义一个模块，形象一点，就是挖了一个洞，在视图页中可以由@section Scripts {}来填充，是否必须填充有required参数决定

 

这么一来我们现在模板页挖几个洞都可以了，

按这个原理，我们就可以定义在视图中添加css样式了

首先在模板页中的定义css，就在head标签里面定义

 

然后就在视图中添加@section css {}

@section css{
    <style type="text/css">

    </style>
}

这样就可以写css样式了