当前位置：文江博客话题详情

ASP.Net，母版页：每页样式表

发布于 2024-08-06 23:38:40 字数 332 浏览 2 评论 0原文

这些是我的假设，这些正确吗？

使用 CSS 进行布局优于使用表格。
CSS 应提取到单独的文件中，而不是内联。
CSS 是从 site.master 中导入（链接）的，因此所有 .css 都会导入（并应用于）所有 .aspx 页面。

鉴于此，我有一个包含一个母版页和两个 .aspx 页面的项目。每个页面都有一个 id 为“records”的表。

问题：我可以为每个单独的 .aspx 页面导入 .css 文件吗？

有没有更好的方法来在单页内范围 html 元素？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一笔一画续写前缘 2024-08-13 23:38:40

除了实际呈现表格（例如表格数据，如电子表格或网格）之外，CSS 在所有方面都优于表格。尽管有一些奇怪的情况，表格是跨浏览器实现某些效果的唯一方法。主要是——除非你不能使用CSS，否则总是使用CSS。然后使用表格:)

对于你的第一个问题 - 当然你可以在单独的页面上包含 CSS 文件。您甚至可以使用占位符来做到这一点：

.master:
<head>
    <link rel="stylesheet" type="text/css" href="global.css" />
    <asp:ContentPlaceHolder runat="server" id="stylesheet" />
</head>

.aspx:
<asp:Content runat="server" ContentPlaceHolderID="stylesheet">
    <link rel="stylesheet" type="text/css" href="page_specific.css" />
</asp:Content>

为了将样式范围限定到页面级别，我经常在标记上放置一个类：

<body class="contact-page">

然后在 CSS 中我可以定位应该不同的特定项目页：

.contact-page .something h3 .more {style}

CSS is preferred over tables for everything except actually presenting A Table (e.g. tabular data, like a spreadsheet or a grid). Although there are a few weird cases where tables are the only way to accomplish some effects cross-browser. Mainly - always use CSS except when you can't. Then use tables :)

To your first question - of course you can include CSS files on the individual page. You can even do it using placeholders:

.master:
<head>
    <link rel="stylesheet" type="text/css" href="global.css" />
    <asp:ContentPlaceHolder runat="server" id="stylesheet" />
</head>

.aspx:
<asp:Content runat="server" ContentPlaceHolderID="stylesheet">
    <link rel="stylesheet" type="text/css" href="page_specific.css" />
</asp:Content>

To scope styles to the page level, I often put a class on the <body> tag:

<body class="contact-page">

Then in CSS I can target specific items that should be different on that page:

.contact-page .something h3 .more {style}

回复收藏 0 原文

梦太阳 2024-08-13 23:38:40

如果是表格数据 - 使用表格，而不是 CSS。 CSS 用于整体页面布局和各个元素的样式 - 您通常希望在许多页面上保持一致。

当人们说“使用 CSS 而不是表格”时，他们的意思是不使用表格来进行整体页面布局（例如页面上的菜单、页眉、页脚和内容所在的位置），而是使用表格来进行布局。实际表格^^

回复收藏 0 原文

旧人九事 2024-08-13 23:38:40

设置主题。作为主题一部分的 css 文件将自动导入。

因此，您的每个页面都有一个主题，您可以在内容页面的标记中指定该主题。您定义的每个主题文件夹都将具有适当版本的样式表。如果您不想维护多余的 css 声明，可以将它们分离到另一个文件中并将其链接到主题之外。

回复收藏 0 原文

貪欢 2024-08-13 23:38:40

如果您在母版页中为文档的头部留下内容部分，那么您可以手动链接到不同的 css 文件；但是为什么不为想要以不同方式显示的项目指定不同的类和 id，并将这些类和 id 放在同一个 css 文件中呢？

而不是

<html>
<head>
<link to your css file />
</head>
<body>
<asp:ContentPlaceHolder id="content" runat="server" />
</body>
</html

在母版页文件上执行以下操作。

<html>
<head>
<asp:ContentPlaceHolder id="head" runat="server" />
</head>
<body>
<asp:ContentPlaceHolder id="content" runat="server" />
</body>
</html

因此，您可以这样做：然后将不同的 css 文件放入文档头部的新内容占位符中，

if you leave a content section for the head of your document in your master page, then you can manually link to different css files; but why don't you just specify different classes and ids for the items that you want to appear differently and have those classes and ids in the same css file?

so instead of something like:

<html>
<head>
<link to your css file />
</head>
<body>
<asp:ContentPlaceHolder id="content" runat="server" />
</body>
</html

on your master page file, you can do this:

<html>
<head>
<asp:ContentPlaceHolder id="head" runat="server" />
</head>
<body>
<asp:ContentPlaceHolder id="content" runat="server" />
</body>
</html

and then put the different css files in that new content place holder in the head of your document.

回复收藏 0 原文

夜空下最亮的亮点 2024-08-13 23:38:40

让我们看看您的假设。所有这些通常都是正确的，但值得仔细研究：

1) 使用 CSS 布局优于使用表格。

有点像。更准确的说法是语义布局与非语义布局，CSS是完成语义布局的常规手段。不同之处在于，有时仅使用语义上适当的结构来完成所需的布局是不可能的。我打算为此吃掉它，但是当面对一大堆不属于的额外 div 标签与单个表格之间的选择时，表格可能是更好的选择。

2）CSS应该被提取到一个单独的文件中，而不是内联

排序的。高级 CSS 应该放在同一个文件中。但您不一定希望整个网站的所有样式都放入同一个文件中，因为这意味着始终具有只能在单个页面上使用的可用样式。而且您也不一定希望每个页面都必须下载主 CSS 文件及其自己的 CSS 文件，因为提高站点性能的方法之一是减少所需的总 http 请求数。因此，您需要考虑某种平衡行为。