CSS的四中应用方式

  1. CSS的四中加载方式

• 外部样式
• 内部样式
• 行内样式
• 导入样式

  2.　实例

    2.1 外部样式： 可以再不同的页面引用

 <link href="../Styles/CommonStyles.css" rel="stylesheet" type="text/css" />

　控件应用方式

服务器控件： <asp:Button ID="BtnSave" runat="server" Text="保存" CssClass="btn_common" OnClick="BtnSave_Click" />
HTML控件： <input type="button" class="btn_common" />

　　

2.2 内部样式 ： 页面级，只能本页面使用

 <style type="text/css">
    btn
    {
        background:#FFFFFF
    }
    </style>

　　2.3 行内样式 : 没有实现内容和样式相分离，不建议使用

 <div style="height: 30px; border: 1px solid #c0c0c0; line-height: 30px;"
</div>

　　2.4导入样式

@import url("/css/global.css");

　　链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式链接全局样式，这样就使代码达到很好的重用性。

   3. 优先级

  行内样式 >内部样式>外部样式

SilverLight引用

<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Styles.xaml"/>

</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

</Application.Resources>