您的位置：首页 > 理论基础 > 计算机网络

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

2010-11-17 17:27 399 查看 
HtmlLink cssLink = new HtmlLink();
cssLink.Href = "~/css.css";
cssLink.Attributes.Add("rel", "stylesheet");
cssLink.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(cssLink);

[code]你可以将样式文件的引用放在要引用的那些页面中或者母版页中，当然这样是比较麻烦的。
另外一种，不太符合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" %>


[/code]
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航