Tôi biết cách đặt tệp .css trên tệp _Layout.cshtml, nhưng còn việc áp dụng biểu định kiểu trên cơ sở mỗi lượt xem thì sao?
Suy nghĩ của tôi ở đây là, trong _Layout.cshtml, bạn có <head>các thẻ để làm việc, nhưng không phải trong một trong các chế độ xem không bố cục của bạn. Các <link>thẻ đi đâu?
Câu trả lời:
Đối với CSS được sử dụng lại trong toàn bộ trang web, tôi xác định chúng trong <head>phần _Layout:
<head>
<link href="@Url.Content("~/Styles/main.css")" rel="stylesheet" type="text/css" />
@RenderSection("Styles", false)
</head>và nếu tôi cần một số kiểu xem cụ thể, tôi xác định Stylesphần trong mỗi chế độ xem:
@section Styles {
<link href="@Url.Content("~/Styles/view_specific_style.css")" rel="stylesheet" type="text/css" />
}Chỉnh sửa: Thật hữu ích khi biết rằng tham số thứ hai trong @RenderSection, sai, có nghĩa là phần đó không bắt buộc trên chế độ xem sử dụng trang chính này và công cụ chế độ xem sẽ bỏ qua thực tế rằng không có phần "Kiểu" được xác định theo quan điểm của bạn. Nếu đúng, chế độ xem sẽ không hiển thị và một lỗi sẽ được đưa ra trừ khi phần "Kiểu" đã được xác định.
RenderSection(thật đáng ngạc nhiên :), không phải ở cuối tiêu đề.
Tôi đã thử thêm một khối như vậy:
@section styles{
<link rel="Stylesheet" href="@Href("~/Content/MyStyles.css")" />
}Và một khối tương ứng trong tệp _Layout.cshtml:
<head>
<title>@ViewBag.Title</title>
@RenderSection("styles", false);
</head>Mà hoạt động! Nhưng tôi không thể không nghĩ rằng có một cách tốt hơn. CẬP NHẬT: Đã thêm "false" trong @RenderSectioncâu lệnh để chế độ xem của bạn sẽ không bị vỡ khi bạn bỏ qua việc thêm một cuộc @sectiongọi head.
"Head".
@RenderSection(). Nắm bắt tốt.
Sử dụng
@Scripts.Render("~/scripts/myScript.js")hoặc là
@Styles.Render("~/styles/myStylesheet.css")có thể làm việc cho bạn
bố trí hoạt động giống như một trang chủ. bất kỳ tham chiếu css nào mà bố cục có, bất kỳ trang con nào cũng sẽ có.
Tôi thích sử dụng trình trợ giúp html dao cạo từ dll Dependency Client
Html.RequireCss("yourfile", 9999); // 9999 is loading priority Bạn có thể cấu trúc này trong tập tin Layout.cshtml
<link href="~/YourCssFolder/YourCssStyle.css" rel="stylesheet" type="text/css" />