[网络收集]用户自定义控件中如何引入样式文件

        HtmlLink cssLink = new HtmlLink();
cssLink.Href
= "~/css.css";
cssLink.Attributes.Add(
"rel", "stylesheet");
cssLink.Attributes.Add(
"type", "text/css");
Page.Header.Controls.Add(cssLink);

你可以将样式文件的引用放在要引用的那些页面中或者母版页中,当然这样是比较麻烦的。
另外一种,不太符合w3c标准的,不过,现在几乎所有的浏览器都支持,就是直接将
<link href="样式文件地址" type="text/css" rel="Stylesheet">
放在用户自定义控件的页面文件中。这个就像在页面中写JS代码一样,不符合标准,但可以用。
或者直接将
<style type="text/css">
/*css code*/
</style>
写在用户自定义控件中,这个与引入样式文件一样。
另外,也可在母版页中引人css样式文件和js代码

如何为自定义控件添加样式
1,直接在用户自定义控件中定义控件样式
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Tab.ascx.cs" Inherits="Tab" %>
<link href="Styles/Style.css" type="text/css" rel="Stylesheet"/>
    <script type='text/javascript'>
        $(function () {

            $("#example-one").organicTabs();

            $("#example-two").organicTabs({
                "speed": 200
            });

        });
    </script>

2,在引用了用户自定义控件的页面中引入css样式文件

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
  <link href="~/Styles/Style.css" rel="stylesheet" type="text/css" />
      <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
    <script type="text/javascript" src="js/organictabs.jquery.js"></script>
    <script type='text/javascript'>
        $(function () {

            $("#example-one").organicTabs();

            $("#example-two").organicTabs({
                "speed": 200
            });

        });
    </script>
</head>

3,若在母版页中使用了用户自定义控件,可引入css样式文件为控件添加样式,方法同上。

适应自定义控件需加 <%@ Register src="Tab.ascx" tagname="Tab" tagprefix="uc1" %>

原文地址:https://www.cnblogs.com/lushuicongsheng/p/1880013.html