【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样式了

 

 

相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页