ͨ¹ýÊ¹Ò³Ãæ¶¯Ì¬¼ÓÔØ²»Í¬CSSʵÏÖ¶à½çÃæ
ͨ¹ýÊ¹Ò³Ãæ¶¯Ì¬¼ÓÔØ²»Í¬CSSʵÏÖ¶à½çÃæ
·½·¨Ò»:
<%@page language="C#"%>
<%@import namespace="System.Data"%>
<script language="c#" runat="server">
public void page_load(Object obj,EventArgs e)
{
//´´½¨·þÎñÆ÷¶Ë¿Ø¼þ.
//Ö¸¶¨µÄ±ê¼Ç"LINK"³õʼ»¯´ËÀàµÄÐÂʵÀý.
HtmlGenericControl objLink=new HtmlGenericControl("LINK");
objLink.ID=ID;
objLink.Attributes["rel"]="stylesheet";
objLink.Attributes["type"]="text/css";
objLink.Attributes["href"]="portal.css";
//´Ë¿Ø¼þ²»²úÉúÈκοɼûÊä³ö,½ö×÷ΪÆäËû¿Ø¼þµÄÈÝÆ÷,¿ÉÔÚÆäÖÐÌí¼Ó,²åÈë»òÒÆ³ý¿Ø¼þ.
MyCSS.Controls.Add(objLink);
}
</script>
<html>
<head>
<title>c#</title>
<asp:placeholder id="MyCSS" runat="server"></asp:placeholder>
</head>
<body bgColor="#ffcc66" style="FONT:9pt">
<form runat="server">
</form>
</body>
</html>
ͨ¹ý¶¯Ì¬ÉèÖÃÒ³ÃæËùÓÐͬÀàÐͿؼþµÄÑùʽÀ´¸Ã±ä½çÃæ:
·½·¨¶þ:
¿ÉÒÔͨ¹ý¸Ä±äWEB¿Ø¼þµÄCssClassÊôÐÔ,¿É·½±ãµØÉèÖúÍÐ޸ĿؼþµÄÑùʽ¡£
µ«ÔÚʵ¼Ê¿ª·¢¹ý³ÌÖÐ,Ò»¸ö¸öµØÉèÖÿؼþµÄCssClassÊôÐÔ,·Ç³£·±Ëö,ËùÒÔ´Ë˼·ӦÓò»¹ã.
µ«ÏÂÃæµÄ´úÂë¶ÎÑÝʾÁËÒ»´ÎÐԸıäÒ³ÃæËùÓÐͬÀàÐͿؼþµÄÑùʽµÄ·½·¨,¿ÉÒÔʵÏÖ¼òµ¥µÄSKINµÈ¹¦ÄÜ¡£
´úÂëÈçÏÂ:
public void page_load(Object obj,EventArgs e)
{
if(!Page.IsPostBack){
//ÎªÒ³ÃæµÄËùÓпؼþÉèÖÃÑùʽ.
SetCSS(Page.Controls);
}
}
private void SetCSS(System.Web.UI.ControlCollection vControls)
{
for(int i=0;i<vControls.Count;i++)
{
System.Web.UI.Control vControl=vControls[i];
//µÃµ½¿Ø¼þµÄÀàÐÍ
//¿ÉÔö¼Ó¿Ø¼þÀàÐͼ°ÏàÓ¦´¦Àí·½·¨
string PType=vControl.GetType().Name;
switch (PType)
{
case "TextBox":
TextBox_CSS ((TextBox) vControl);
break;
case "Button":
//Button_CSS ((Button) vControl);
break;
case "DataGrid":
//DataGrid_CSS ((DataGrid) vControl);
break;
}
if(vControl.Controls.Count>0)
SetCSS(vControl.Controls);
}
}
private void TextBox_CSS(TextBox tb){
tb.CssClass="TextBox_show";
}
<form runat="server">
Ïà¹ØÎĵµ£º
1.document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:
IEÏÂ,¿ÉÒÔ ......
ÊäÈë¿òÖ»Óе׿ò£º
.box
{
border-style:none none solid none;
border-bottom-width:1px;
border-bottom-color:#999999;
}
±í¸ñ
<table>
<tbody>
<tr><td></td></tr>
</tbody>
</table> ......
µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾ÍÒªÖսᣬÂí
ÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬Äã
Òª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõà ......
×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼ÆÊ¦£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©Á˰×Íà×ÓÒ»Ñù¡£
T ......