来自 asp.net 的 .skin 与 .css

Question

asp.net 中 .skin 和 .css 之间的主要区别是什么？

.skin 是 IDE 的新增强。我一直在使用 .css。 .skin 中可用的内容不是 .css

谢谢， 萨吉

Answer 1

在外观文件中，您可以设置 ASP.NET 控件的属性。

例如，

<asp:TextBox runat="server" Width="200"/>

应用程序中的所有 TextBox 控件的宽度都是 200。

您可以给它一个名称，并且只有您喜欢的控件可以设置它们以应用皮肤，例如，

<asp:TextBox SkinID="MultiLineTextBox" runat="server" TextMode="MultiLine" Height="240"/>

现在在网页中添加 TextBox 控件时，您可以设置其 SkinID 为“MultiLineTextBox”
如下所示，

<asp:TextBox runat="server" SkinID="MultiLineTextBox"/>

因此它将继承 TextMode 为 MultiLine，高度为 240。

要使用皮肤，您必须在 App_Themes 文件夹下向应用程序添加主题，并在其中添加皮肤文件，现在可以在您必须将页面的 EnableTheming 属性设置为 true，将 StylesheetTheme 或 Theme 设置为您的主题名称。您还可以在配置文件中设置此属性。

在页面aspx中设置主题，

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" EnableTheming="true" StylesheetTheme="Your Theme Name" %>

在web.config中设置主题，

<configuration>
   <system.web>
     <pages styleSheetTheme="Your Theme Name"></pages>
   </system.web>
</configuration>

Answer 2

请注意，就这两件事的实际作用而言，存在相当大的差异。 .skin 文件中设置的任何属性都会复制到所有页面控件中。使用级联样式表的一个优点是信息加载并缓存一次。 （并且可以应用于多个网页。）外观文件可能会导致页面膨胀，因为每次呈现页面时，外观文件中设置的所有属性都必须与每个受影响的控件合并。

此外，ASP.NET 主题 .skin 文件的默认行为是覆盖受影响控件的属性（这可能是意外行为）。例如，如果您为 .skin 文件中的所有 ASP:Label 设置 Width 属性，则所有使用该外观文件的 ASP:Labels 都将具有其 宽度 属性设置为.skin 文件的宽度，无论控件的单独宽度 设置如何。为了避免这种行为，ASP.NET StyleSheetTheme 可用于允许控件级属性覆盖全局 .skin 属性。

Answer 3

您甚至可以在 CSS 中设置一些属性，例如宽度。除了能够设置 CSS 无法设置的属性之外，还有一些功能需要 .skin 文件来实现。

考虑一个示例，您需要页面上的所有 asp:Label 控件均为蓝色。 asp:Label 实际上是一个 span 内的文本，位于隐藏的 div 内。这就是为什么我们能够为此 asp:Label 设置一些属性（例如 BackColor），以及为什么标准标签控件没有“BackColor”属性。

因此，如果您尝试通过 CSS 设置所有 ASP 标签的字体颜色，

那么类似的操作

Label {
color: Blue; 
}

将不起作用。另一方面，使用您可以编写的皮肤文件

 <asp:Label runat="server" ForeColor="Blue"></asp:Label>

，这会将所有标签设置为蓝色。