MVC3.0如何引用CSS样式

html-css012

MVC3.0如何引用CSS样式,第1张

在页面中加入:<link href="@Url.Content("~/***/***.css")" rel="stylesheet" type="text/css" />

其中***代表你文件的路径。你可以参考你项目下的_Layout.cshtml文件,有什么问题可以再问我

某个控件引用,就直接类似这样用:<div class="p">其中p就是***文件中已经写好的样式

另外,<button style=" background-color:Gray">dssa</button>这个是一样的,

View文件夹下面会有个_ViewStart.cshtml的文件,初始化了你的模板。如果不使用模板Layout = null

View Code

@{

Layout = "~/Views/Shared/_Layout.cshtml"

}

添加css可以按楼上说的

通常我会把CSS |RenderSection加在头,js加在末尾

View Code

复制代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

@RenderSection("Meta",false)

[email protected]</title>

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

@RenderSection("Css",false)

</head>

<body>

@RenderBody()

@RenderSection("Js",false)

</body>

</html>

复制代码

在视图直接引用

@section Css{

<link href="@Url.Content("~/Content/AdminCss/Article.css")" rel="Stylesheet" type="text/css" />

}