asp.net - VS2010 和 CSS : What is the best strategy to individually position form controls

Question

好的，我的页面上有大量控件需要单独放置。我需要在此处设置边距，在此处设置填充等。这些 我想要应用的特定样式都不会应用于控制以外的应用。确定风格等级别的投注实践是什么？

好的，我的选择是

1) 外部CSS文件

1A) 使用 ClientIdMode = Auto(默认)

我可以为 ASP.NET 控件分配一个唯一的 CssClass 值，并在外部 CSS 文件中创建一个仅应用于该控件的类选择器。

1B) 用户客户端 ID = 可预测

在外部 CSS 文件中，我可以确定感兴趣的控件的 ID，并创建一个 ID 选择器 (#ControlID{Style})。但是，我担心由于包含/删除会导致 ID 更改的父容器而导致维护问题。

1C) 用户客户端 ID = 静态。

我可以为控件选择静态 ID，这样我可以最大限度地减少与自动生成的 ID 发生冲突的可能性(可能通过在 ID 前加上“StaticID_”前缀并使用带有 ID 选择器的外部样式表。

2) 我可以将样式放在控件上。正如我所看到的，这里唯一的缺点是样式信息每次都被降低而不是被缓存，这是我使用外部 CSS 得到的。如果样式没有被重新使用，我个人认为将它放在外部文件中没有多大好处，但如果您不同意，请解释原因。是否有“将所有 CSS 放在一个地方真好”的原因？

Answer 1

一定要使用外部 CSS 文件。

选项 1 A-C 完全是个人喜好。我会选择 ClientIDMode="Static"，因为它可以让您最大程度地控制 ID，并且可以简化使用 Javascript 访问元素的过程(如果需要)。我一直讨厌在早期版本的 ASP.NET 中生成的难看的 ID。为每个元素使用唯一的 CSS 类有点违背类的目的，该类旨在用于多个元素。

只是为了确认您对选项 2 的想法，这不是最佳方法。将样式放在外部 CSS 文件中将导致文件被下载一次并缓存，而不是让内联样式使每次发送到客户端的 HTML 膨胀。