asp.net 样式答案

【问题标题】：asp.net stylingasp.net 样式
【发布时间】：2010-08-31 03:38:43
【问题描述】：

您好，我列出了两个使用 asp.net 控件的样式属性的示例。

to 例子有什么区别？

我的目标是在我的页面中设置 asp.net 控件的样式和位置，使其在 Firefox 和 IE 浏览器中保持稳定。

并且应该将位置设置为绝对或相对。

我的页面中有 30 个 asp.net 控件，但它们的位置存在问题。

请指教。

示例 1：

<asp:TextBox ID="txtFirstName" runat="server" 
Style="top: 198px; left: 421px; 
position: relative; height: 23px; width: 144px">
</asp:TextBox>

示例2：

    <style type="text/css">              

    .mystyle
    {
        position:relative;
        top: 836px; 
        left: 662px;
        height: -4px; 
        width: 128px;

    }
     </style>




<asp:TextBox ID="txtFirstName" runat="server" 
CssClass="mystyle">
</asp:TextBox>

【问题讨论】：

标签： asp.net .net styling

【解决方案1】：

除了价值观示例 1 称为 inline style，示例 2 称为 css 样式。

两者的区别是reusability, maintainability。您可以在多个地方使用 css 样式，如果它们将来有任何变化，它很容易处理。

在您的情况下，如果它们包含相同的 css，则它们是 30 个控件，然后创建一个 css 类并分配它们。否则使用表格或内联表格。

不过最好还是花点时间用css来做，这样维护起来比较方便，也是推荐的。

【讨论】：

【解决方案2】：

好吧，这个答案可能不会给我任何分数，CSS网页设计极客可能会跟踪我并向我扔石头......

尝试使用表格。

【讨论】：

表格没问题 - 但仅适用于表格数据。

【解决方案3】：

我个人总是选择选择 2 - 将 CSS 与内联样式分开。这将为您带来一些优势：

关注点分离
您的 asp.net 代码将不那么混乱
您可以验证您的 CSS

关于您希望这些如何显示在您的页面上，我会咨询设计师或阅读 CSS。 CSS 几乎是一种艺术形式，在不同的浏览器中让所有内容看起来都相似有时是一项挑战。

对于 CSS - 选择一本展示标准设计的书。这应该可以帮助您创建更可维护且独立于浏览器的 CSS 代码。

【讨论】：