Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ʹÓÃĸ°æÒ³Ê±ÄÚÈÝÒ³ÈçºÎʹÓÃcssºÍjavascript

ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
       ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´ÁË¡£Ô­À´ÔÚÆµµÀÒ³ºÍÁбíÒ³ÖÐÓÐÆä¸÷×ÔµÄcssÒýÈëºÍһЩjavascriptº¯Êý£¬µ±Ê¹ÓÃĸ°æÒ³Ê±£¬·ÅÔÚÄÚÈÝÒ³ÖÐÕâЩcssÑùʽºÍjavascriptº¯ÊýÔõô´¦ÀíÄØ£¿ÒòΪ´ó¼ÒÖªµÀ£¬Ê¹ÓÃĸ°æÒ³µÄÄÚÈÝÒ³ÊDz»Äܰüº¬<head></head>±ê¼ÇµÄ£¬¶øcssºÍjavascriptº¯ÊýµÄÉùÃ÷ÊÇÒª·Åµ½<head></head>ÖмäµÄ£¬ÕâЩcssÑùʽºÍjavascriptº¯ÊýÈçºÎ´¦ÀíÄØ£¿ÉÏÍø²éÁËһϣ¬´óÖÂÓÐÈýÖÖ½â¾ö·½°¸£º·½°¸Ò»£º°ÑËùÓеÄcssÑùʽºÍjavascriptº¯Êý·Åµ½Ä¸°æÒ³µÄ<head></head>ÖУ¬ÎÒ¾õµÃÕâÑù×öµÄ±×¶Ë¾ÍÊǵ¼ÖÂĸ°æÒ³µÄ<head></head>ÇøÌØ±ðÓ·Ö×£¬Í¬Ê±Èç¹ûÔ­À´Á½¸öƵµÀÒ³Öаüº¬Í¬ÃûµÄcssÉùÃ÷»òjavascriptº¯Êý£¬µ«È´ÊDz»Í¬Ñùʽ»òÖ´Ðв»Í¬²Ù×÷£¬Ôõô°ìÄØ£¿ËùÒÔÕâµÚÒ»ÖÖ·½°¸ºÜ¿ì±»ÎÒ·ñ¶¨ÁË¡£·½°¸¶þÊÇÔÚÄÚÈÝÒ³µÄPageLoadʼþÖÐͨ¹ý´úÂëÀ´Ö¸¶¨±¾ÄÚÈÝÒ³µÄcssÎļþ¡£¾ßÌå´úÂëÈçÏ£º 
´úÂëÈçÏÂ:
static public class ControlHelper 

static public void AddStyleSheet(Page page, string cssPath) 

HtmlLink link = new HtmlLink(); 
link.Href = cssPath; 
link.Attributes["rel"] = "stylesheet"; 
link.Attributes["type"] = "text/css"; 
page.Header.Controls.Add(link); 


ÕâÑù£¬ÔÚ¾ßÌåÒ³Ãæ£¬ÎÒÃǾͿÉÒÔͨ¹ýÈçÏ´úÂëÌí¼Ó CSS ÒýÓ㺠
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
protected void Page_Load(object sender, EventArgs e) 

ControlHelper.AddStyleSheet(this.Page, "css/projectPage.css"); 

       ÕâÖÖ½â¾ö·½°¸µÄºÃ´¦Ê±¿ÉÒÔÔÚ³ÌÐòÔËÐÐʱ¶¯Ì¬¸ü¸ÄËùÐèµÄcssÎļþ£¬µ«ÊǶÔjavascriptº¯Êý´¦ÀíÆðÀ´¸ÃÔõô×öÄØ£¿ÔÙ˵ÓбØÒª°Ñ±¾¸Ã¼ÓÔÚhtml´úÂëÖеÄcssºÍjavascriptͨ¹ýcs´úÂëÀ´¼ÓÈëÂð£¿Òò´Ë£¬ÕâÖÖ½â¾ö·½°¸Ò²ºÜ¿ì±»ÎÒ·ñ¶¨ÁË¡£Ê£ÏµĵÚÈýÖÖ½â¾ö·½°¸¾ÍÊÇÔÚĸ°æÒ³µÄ<head></head>ÖÐÌí¼ÓÒ»¸öÄÚÈݿؼþ£¬È»ºóÔÚÄÚÈÝÒ³ÖÐÔÚ¶ÔÓ¦µÄÄÚÈݿؼþÖÐдcssºÍjavascript´úÂë¡£ÌýÆðÀ´Õâ¸öÕâ¸ö½â¾ö·½°¸Ó¦¸ÃÊÇ×


Ïà¹ØÎĵµ£º

css div Êó±ê¾­¹ýʱͼƬ±ä´ó

<style>
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px;
height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px;
position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent;
overflow:hidden; positio ......

¸ù±¾²»´æÔÚ DIV + CSS ²¼¾ÖÕâ»ØÊÂ

 ×ª:дµÄ²»´í,¶ÔÓÚÍøÒ³¿ª·¢ÓÐÖ¸µ¼ÒâÒå
ÔÚ¡¶ÓûÁ· CSS £¬±ØÏȹ¬ IE¡·ºÍ¡¶ÄãÓÐ <table /> Ç¿ÆÈÖ¢Â𣿡·ÕâÁ½ÆªÎÄÕÂÖУ¬¿´µ½Óв»ÉÙÆÀÂÛÓõ½div+CSS²¼¾ÖÕâ¸ö˵·¨£¬ÓÃÀ´ºÍtable²¼¾Ö±È½Ï¡£Êµ¼ÊÉÏdiv²»ÊÇÓÃÀ´²¼¾ÖµÄ£¬divÖ»ÊÇÓÃÀ´±íʾһ¸öÆäËüÔªËØ¶¼ÎÞ·¨×¼È·±í´ïÓïÒâµÄÒ»¸ö¿éÇø£¬Ö»ÓÐCSSÊÇÓÃÓÚ²¼¾ÖµÄ£¬ËùÒÔ¸ù±¾¾Í²»´æÔÚdi ......

ÎÞˢб任CSSÑùʽ±í

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>ÎÞˢб任Ñùʽ±í</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /& ......

´«ÖDz¥¿Í——cssϸ½Ú

Ò»£ºcssµÄ¸ÅÄî
    CSSÊDzãµþÑùʽ±í£¨Cascading Style Sheets£©ÓÃÀ´¶¨ÒåÍøÒ³µÄÏÖʵЧ¹û¡£¿ÉÒÔ½â¾öhtml´úÂë¶ÔÑùʽ¶¨ÒåµÄÖØ¸´£¬Ìá¸ßÁ˺óÆÚÑùʽ´úÂëµÄ¿Éά»¤ÐÔ£¬²¢ÔöÇ¿ÁËÍøÒ³µÄÏÖʵЧ¹û¹¦ÄÜ¡£¼òµ¥Ò»¾ä»°£ºCSS½«ÍøÒ³ÄÚÈݺÍÏÔʾÑùʽ½øÐзÖÀ룬Ìá¸ßÁËÏÔʾ¹¦ÄÜ¡£
¶þ£ºcssµÄÓŵã
    Ñùʽ±í¶¨ÒåÈç ......

ÌÔ±¦css×¢½â

ÎÒÃǰÑËü·ÖΪÈçÏÂͼËùʾ¿é
¾ßÌåµÄHTML,DIV+CSSÅŰæÑùʽΪ
ÎÒÃÇÒ»ÐÐÒ»ÐзÖÎö,
1.È«²¿µÄ´úÂë¾ùÔÚÒ»¸öDIVÈÝÆ÷(ÎÒÔÝʱÕâÑù³Æºô) HeadÀïÃæ,ÎÒÃÇÀ´¿´¿´HeadµÄд·¨
#Head{
    text-align:center;
}
ΪʲôHeadÇ°ÃæÓÐÒ»¸ö"#"ºÅÄØ?
¶øÓеÄÈ´ÊÇÔÚÇ°Ãæ¼ÓÒ»¸ö"£®"±ÈÈç "£®Head",ÓÐʱºòдcssµÄʱºò¸É´àʲôҲ²»¼ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ