将 CSS 应用于 razor 和 mvc 中的 div

Question

我是 asp.net 中 RAZOR 语法 + mvc 的新手。我是 webforms 的老手，在这方面做了很多工作，但现在我不知道如何将 CSS 应用于我的 DIV 容器。 在我以前做的网络表单中：

div
{
  width: 200px
  background-color: blue;
}

现在如何在剃刀视图中执行此操作？

我的代码：

  @{
    ViewBag.Title = "Home Page";
}

    @using (Html.BeginForm("register","Home", FormMethod.Post, new {id="submitForm"})) 
    {

       <div style="Width:200px">
        <i>@Html.Label("Name:")</i>
           @Html.TextBox("txtboxName")
       </div>
       <br />
       <div style="Width:200px">
        <i>@Html.Label("Email:")</i>
           @Html.TextBox("txtboxEmail")
       </div>
       <br />
       <div style="Width:200px">  
        <i>@Html.Label("Password:")</i>
           @Html.Password("txtboxPassword")
       </div>
       <br />
       <div>  
        <button type="submit" id="btnSubmit" name="Command" value="Submit">Submit</button> 
       </div>


    }

Answer 1

razor 只不过是一种用于 MS MVC 框架的服务器端语言，最终会被解析为 HTML。你的这个语法是完全有效的

<div style="Width:200px">
        <i>@Html.Label("Name:")</i>
           @Html.TextBox("txtboxName")
</div>

现在，如果您想将 css 类或规则应用于 @Html.Label 或任何其他 MVC 助手（是的，它们被称为 Helper 方法），请在函数中查找参数 HtmlAttributes，您可以执行类似

    @Html.Label("Name:", new {@class="classname"})

或喜欢：

    @Html.Label("Name:", new {style="width:200px;"})

所以基本上，在几乎所有的 MVC 助手中，你都会通过 HtmlAttributes（和 RouteValues），有时它们会通过另一个 inturn 方法暴露出来。