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

最新推荐文章于 2024-08-02 06:15:47 发布

weixin_30558305

最新推荐文章于 2024-08-02 06:15:47 发布

阅读量67

点赞数

文章标签： xhtml c# javascript ViewUI

原文链接：http://www.cnblogs.com/lushuicongsheng/archive/2010/11/17/1880013.html

版权

        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/archive/2010/11/17/1880013.html

weixin_30558305

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[网络收集]用户自定义控件中如何引入样式文件

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

扫一扫