³£ÓÃCSSÃüÃû¹æ·¶
Ä£¿é£ºmodule.css
»ù±¾¹²Óãºbase.css
²¼¾Ö¡¢°æÃ棺layout.css
Ö÷Ì⣺themes.css
רÀ¸£ºcolumns.css
ÎÄ×Ö£ºfont.css
±íµ¥£ºforms.css
²¹¶¡£ºmend.css
´òÓ¡£ºprint.css
Í·£ºheader¡¡¡¡
ÄÚÈÝ£ºcontent/container¡¡¡¡
β£ºfooter¡¡¡¡
µ¼º½£ºnav¡¡¡¡
²àÀ¸£ºsidebar
À¸Ä¿£ºcolumn¡¡¡¡
Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper¡¡¡¡
×óÓÒÖУºleft right center¡¡¡¡
µÇ¼Ìõ£ºloginbar¡¡¡¡
±êÖ¾£ºlogo¡¡¡¡
¹ã¸æ£ºbanner¡¡¡¡
Ò³ÃæÖ÷Ì壺main¡¡¡¡
Èȵ㣺hot¡¡¡¡
ÐÂÎÅ£ºnews
ÏÂÔØ£ºdownload¡¡¡¡
×Óµ¼º½£ºsubnav¡¡¡¡
²Ëµ¥£ºmenu¡¡¡¡
×Ӳ˵¥£ºsubmenu¡¡¡¡
ËÑË÷£ºsearch¡¡¡¡
ÓÑÇéÁ´½Ó£ºfriendlink¡¡¡¡
Ò³½Å£ºfooter¡¡¡¡
°æÈ¨£ºcopyright¡¡¡¡
¹ö¶¯£ºscroll¡¡¡¡
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguild
·þÎñ£ºservice
×¢²á£ºregsiter
״̬̬£ºstatus
ͶƱ£ºvote
ºÏ×÷»ï°é£ºpartner
Ò³Ãæ½á¹¹
ÈÝÆ÷: container
ҳͷ£ºheader
ÄÚÈÝ£ºcontent/container
Ò³ÃæÖ÷Ì壺main
ҳβ£ºfooter
µ¼º½£ºnav
²àÀ¸£ºsidebar
À¸Ä¿£ºcolumn
Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper
×óÓÒÖУºleft right center+µ¼º½
µ¼º½£ºnav
Ö÷µ¼º½£ºmainbav
×Óµ¼º½£ºsubnav
¶¥µ¼º½£ºtopnav
±ßµ¼º½£ºsidebar
×󵼺½£ºleftsidebar
ÓÒµ¼º½£ºrightsidebar
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
±êÌâ: title
ÕªÒª: summary+¹¦ÄÜ
±êÖ¾£ºlogo
¹ã¸æ£ºbanner
µÇ½£ºlogin
µÇ¼Ìõ£ºloginbar
×¢²á£ºregsiter
ËÑË÷£ºsearch
¹¦ÄÜÇø£ºshop
±êÌ⣺title
¼ÓÈ룺joinus
״̬£ºstatus
°´Å¥£ºbtn
¹ö¶¯£ºscroll
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
µ±Ç°µÄ: current
С¼¼ÇÉ£ºtips
ͼ±ê: icon
×¢ÊÍ£ºnote
Ö¸ÄÏ£ºguild
·þÎñ£ºservice
Èȵ㣺hot
ÐÂÎÅ£ºnews
ÏÂÔØ£ºdownload
ͶƱ£ºvote
ºÏ×÷»ï°é£ºpartner
ÓÑÇéÁ´½Ó£ºlink
°æÈ¨£ºcopyright
ÑÕÉ«£ºÊ¹ÓÃÑÕÉ«µÄÃû³Æ»òÕß16½øÖÆ´úÂë
.red {color: red;}
.f60 {color: #f60;}
.ff8600 {color: #ff8600;}
×ÖÌå´óС£ºÖ±½ÓʹÓÓfont+×ÖÌå´óС”×÷ΪÃû³Æ
.font12px {font-size: 12px;}
.font9pt {font-size: 9pt;}
¶ÔÆëÑùʽ£ºÊ¹ÓÃ¶ÔÆëÄ¿±êµÄÓ¢ÎÄÃû³Æ
.left {float:left;}
.bottom {float:bottom;}
±êÌâÀ¸Ñùʽ£ºÊ¹ÓÓÀà±ð+¹¦ÄÜ”µÄ·½Ê½ÃüÃû
.barnews { }
.barproduct { }
Ïà¹ØÎĵµ£º
JavaScript¶¯Ì¬¼ÓÔØCSSµÄÈýÖÖ·½·¨ ÊÕ²Ø
Èç¹ûÄãÓÐºÜ¶à¹ØÁªµÄCSSÎļþÒªÒ»Æð¼ÓÔØ£¬»òÕßÏ붯̬µÄ¼ÓÔØ²»Í¬µÄCSSÎļþ£¬ÄÇôÏÂÃæµÄ·½·¨ÄãÒ»¶¨¶ÔÄãÓаïÖú¡£
µÚÒ»ÖÖ£ºÒ»°ãÓÃÔÚÍⲿCSSÎļþÖмÓÔØ±ØÐëµÄÎļþ
³ÌÐò´úÂë
@import url(style.css);
/*Ö»ÄÜÓÃÔÚCSSÎļþÖлòÕßstyle±êÇ©ÖÐ*/
µÚ¶þÖÖ£º¼òµ¥µÄÔÚÒ³ÃæÖмÓÔØÒ» ......
×î¼òµ¥µÄ°ì·¨£º¼ÙÉèÄãÓÐÁ½¸öÑÕÉ«µÄCSSÎļþred.css,green.css,ĬÈÏΪºìÉ«µÄÑùʽ
<link rel="stylesheet" style="text/css" link="red.css" id="colorcss">
<input type="button" name="redcss" value='ºìÉ«' onclick="javascript:document.getElementById('colorcss').href='red.css'">
<input type="butt ......
×î½ü,¾³£ÓÐÅóÓÑÎÊÎÒһЩ¹¤×÷ÖÐÓöµ½µÄCSSÎÊÌâ¡£ËûÃÇ×ÜÊDz»ÄܺܺõĿØÖÆCSS£¬Ó°ÏìCSSµÄЧÂÊ·¢»Ó¡£ÎÒÀ´·ÖÎö×ܽáһϴíÎóËùÔÚ£¬°ïÖú´ó¼Ò¸ü¼ÓÈÝÒ×ʹÓÃCSS¡£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö·½·¨ÒÔÀ´ËùÓеļ¼ÇɺͼæÈÝ·½°¸£¬ÎÒÔ¸Òâ°ÑÕâЩÓëÄã·ÖÏí£¬ÎÒ»áÖØµã½âÊÍһЩÐÂÊÖÈÝÒ×·¸µÄ´íÎó(°üÀ¨ÎÒ×Ô¼ºÒ²·¸¹ýµÄ)£¬Èç¹ûÄãÒѾÊÇCSS¸ßÊÖ£¬ÕâÐ ......
ÔÚasp.netÖУ¬ÓеÄʱºòÒª¶¯Ì¬±ä»»CSS£¬±ÈÈçÓеÄʱºò×ö¸öÐÔ»¯Ò³Ã棬¿ÉÒÔÕâÑù×ö
<head>
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
</head>
Ö®ºó£¬ÔÚÒª¸ü»»CSSµÄÒ³ÃæÖУ¬Ê¹ÓÃÈçÏ´úÂë
Sub Page_Load(Sender As Object, E As EventArgs)
If Not (IsPostBack) ......