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

cssÑùʽ±íµÄÎÊÌâ

cssµÄ¼Ì³Ð¹ØÏµ£¨.ts a{...}£©
     .ts a{ width:100px;line-height:34px; display:block;}
     .ts a:link,a:visited{color:#000;background:#9CB3C1;text-decoration: none;}
     .ts a:hover,a:active{ color:#FFFF00;background:#000;}
<div style="height:20%; width:100%" id="infobox" class="ts">        // µ÷ÓÃtsÑùʽ±í
    {  
    <ul>
                   <li><a href="/" target="_blank">Ö÷Ò³</a></li>
                   <li><a href="/" target="_blank">¹«Ë¾½éÉÜ</a></li>
                   <li><a href="/" target="_blank">Æû³µÕ¹Ê¾</a></li>
                   <li><a href="/" target="_blank">×â³µ¼Û¸ñ</a></li>
                   <li><a href="/" target="_blank">×âºó·þÎñ</a></li>
                </ul>
      }
.select_list li {margin:1px; text-indent:5px; line-height:21px; color:#4b4b4b;}
   
//margin:lpx --> ±ß¿ò¼ä¸ô
//line-height:21px-->Ðмä¾à
//text-indent-->Îı¾µÄÅÅÁÐ


Ïà¹ØÎĵµ£º

¡¾DIV+CSSÈëÃŽ̡̳¿ËÄ¡¢CSSÈçºÎ¿ØÖÆÒ³Ãæ


±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæÊ±µÄÓÅÏȼ¶¡£
      Ê¹ÓÃxHTML
+CSS
²¼¾ÖÒ³Ãæ£¬ÆäÖÐÓиöºÜÖØÒªµÄÌØµã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵ϰ£¬È˾ÍÊÇ
HTML£¬ÊÇÄ ......

¡¾DIV+CSSÈëÃŽ̡̳¿Îå¡¢CSSÑ¡ÔñÆ÷

ÉϽڿÎÎÒÃǽ²ÁËÒ»ÏÂCssͨ¹ýʲô·½Ê½È¥¿ØÖÆÒ³Ãæ
£¬Èç¹û²»¼ÇµÃ£¬ÎÒÀ´°ï´ó¼Ò»ØÒäһϣ¬×ܹ²ÓÐËÄÖÖ·½Ê½ÐÐÄÚ·½Ê½¡¢ÄÚ
Ƕ·½Ê½¡¢Á´½Ó·½Ê½¡¢µ¼È뷽ʽ£¬´ó¼Òͨ¹ýÕâËÄÖÖ·½Ê½¾Í¿ÉÒÔʵÏÖCSS
¶ÔHTML
Ò³ÃæÑùʽµÄ¿ØÖÆ£¬Èç¹ûÒªÈÃÕâЩÑùʽ¶ÔHTMLÒ³ÃæÖеÄÔªËØÊµÏÖÒ»¶ÔÒ»£¬Ò»¶Ô¶à»òÕß¶à¶ÔÒ»µÄ¿ØÖÆ£¬Õâ¾ÍÐè
ÒªÓõ½CSSÑ¡ÔñÆ÷£¬HTMLÒ³ÃæÖеÄÔ ......

cssÐÂÊÖÈëÃÅ½Ì³Ì ×ÝÏòÏÂÀ­¼°¶à¼¶µ¯³öʽ²Ëµ¥

×¢ÒâÊÂÏ
             ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......

css×ö½¥±ä±³¾°É«¼¯½á


css-body±³¾°½¥±äÉ«µÄCSS
Ò»¡¢´ÓÉÏÍùϽ¥±ä 
body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 

¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä 
body{ 
FILTER: Alpha( style=1,opacity=25,finishOpacity=100, 
startX=50 ......

CSSÑ¡ÔñÆ÷£¬jQueryÑ¡ÔñÆ÷


¸Õ¸ÕÓöµ½Ò»¸öСÎÊÌ⣬²éÁËÏÂ×ÊÁÏŪÃ÷°×ÁË£¬¼Ç¼ÏÂÀ´°É¡£
div.myClassÆ¥Åä<div class="myClass">XXX</div>ÖÐÕû¸ödiv¡£
div .myClassÆ¥Åä<div><span class="myClass">XXX</span></div>ÖеÄspan
×¢Ò⣺ǰÕßÊÇdiv.myClass£¬ºóÕßÔÚdivÓë.myClass¼äÓпոñ
·ÃÎÊÎҵIJ©¿Í²é¿´¸ü¶à£ºÐÄÈçÖ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ