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

div+cssÍøÒ³Éè¼Æ¼¼ÇÉ»ã×Ü

½ñÌìÎÒÃÇ»ã×ÜÁËÐí¶àdiv+cssÍøÒ³Éè¼ÆÖо­³£Óõ½µÄ¾­ÑéºÍ¼¼ÇÉ£¬´ó¼Ò¿ÉÒÔ¶à¶à²Î¿¼£¬¶ÔÄãµÄÒ³ÃæÉè¼ÆÒ»¶¨ÓкܴóµÄ°ïÖú!
Èç¹ûÎÄ×Ö¹ý³¤£¬Ôò½«¹ý³¤µÄ²¿·Ö±ä³ÉÊ¡ÂÔºÅÏÔʾ£ºIE5£¬FFÎÞЧ£¬µ«¿ÉÒÔÒþ²Ø£¬IE6ÓÐЧDIV STYLE=“width£º120px£»height£º50px£»border£º1px solid blue£»overflow£ºhidden£»text-overflow£ºellipsis”> ¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔʾ²»Ï¡£
ÔÚIEÖпÉÄÜÓÉÓÚ×¢ÊÍ´øÀ´µÄÎÄ×ÖÖظ´ÎÊÌâʱ¿ÉÒÔ°Ñ×¢Ê͸ÄΪ£º<£¡–[if £¡IE]>Put your commentary in here…<£¡[endif]–>
ÈçºÎÓÃCSSµ÷ÓÃÍⲿ×ÖÌåÓï·¨£º@font-face{font-family£ºname£»src£ºurl£¨url£©£»sRules}È¡Öµ£ºname£º×ÖÌåÃû³Æ¡£ÈκοÉÄÜµÄ font-family ÊôÐÔµÄÖµurl£¨url£©£ºÊ¹Óþø¶Ô»òÏà¶Ô url µØÖ·Ö¸¶¨OpenType×ÖÌåÎļþsRules£ºÑùʽ±í¶¨Òå
ÈçºÎÈÃÒ»¸ö±íµ¥ÖеÄÎı¾¿òÖеÄÎÄ×Ö´¹Ö±¾ÓÖУ¿Èç¹ûÓÃÐиßÓë¸ß¶ÈµÄ×éÔÚFFÖÐÊÇûÓÐЧ¹ûµÄ£¬°ì·¨¾ÍÊǶ¨ÒåÉÏϲ¹°×¾Í¿ÉÒÔʵÏÖÏëÏëµÄЧ¹ûÁË¡£
¶¨ÒåA±êǩҪעÒâµÄСÎÊÌ⣺µ±ÎÒÃǶ¨Òåa{color£ºred£»}ʱ£¬Ëü´ú±íÁËAµÄËÄÖÖ״̬µÄÑùʽ£¬Èç¹û´ËʱҪ¶¨ÒåÒ»¸öÊó±ê·ÅÉϵÄ״ֻ̬Ҫ¶¨Òåa£ºhover¾Í¿ÉÒÔÁË£¬ÆäËüÈýÖÖ״̬¾ÍÊÇAÖÐËù¶¨ÒåµÄÑùʽ¡£Ö»¶¨ÒåÁËÒ»¸öa£ºlinkʱ£¬Ò»¶¨Òª¼ÇµÃ°ÑÆäËüÈýÖÖ״̬¶¨Òå³öÀ´£¡
²¢²»ÊÇËùÓÐÑùʽ¶¼Òª¼òд£ºµ±Ñùʽ±íÇ°¶¨ÒåÁËÈçp{padding£º1px 2px 3px 4px}ʱ£¬ÔÚºóÐø¹¤³ÌÖÐÓÖÔö¼ÓÁËÒ»¸öÑùʽÉϲ¹°×5px£¬Ï²¹°×6px.ÎÒÃDz¢²»Ò»¶¨ÒªÐ´³Ép.style1{padding£º5px 6px 3px 4px}.¿ÉÒÔд³Ép.style1{padding-top£º5px£»padding-right£º6px£»}£¬Äã¿ÉÄÜ»á¸Ð¾õÕâÑùд»¹²»ÈçÔ­À´ÄÇÑùºÃ£¬µ«ÄãÏëûÏë¹ý£¬ÄãµÄÄÇÖÖд·¨Öظ´¶¨ÒåÁËÑùʽ£¬ÁíÍâÄã¿ÉÒÔ²»±ØÈ¥ÕÒÔ­À´µÄϲ¹°×Óë×ó²¹°×µÄÖµÊǶàÉÙ£¡Èç¹ûÒÔºóÇ°Ò»¸öÑùʽP±äÁË»°£¬Ä㶨ÒåµÄp.style1µÄÑùʽҲҪ±ä¡£
±êÇ©ulÔÚMozillaÖÐĬÈÏÊÇÓÐpaddingÖµµÄ£¬¶øÔÚIEÖÐÖ»ÓÐmarginÓÐÖµ¡£
ͬһ¸öµÄclassÑ¡Ôñ·û¿ÉÒÔÔÚÒ»¸öÎĵµÖÐÖظ´³öÏÖ£¬¶øidÑ¡Ôñ·ûÈ´Ö»ÄܳöÏÖÒ»´Î¡£¶ÔÒ»¸ö±êǩͬʱʹÓÃclassºÍid½øÐÐCSS¶¨Ò壬Èç¹û¶¨ÒåÓÐÖظ´£¬idÑ¡Ôñ·û×öµÄ¶¨ÒåÓÐЧ£¬ÊÇÒòΪidµÄȨÖØÒª±Èclass´ó¡£
Ò»¸ö¼æÈÝÐÔµ÷Õû£¨IEºÍMozilla£©µÄ±¿°ì·¨£º³õѧ¿ÉÄÜ»áÅöµ½ÕâÑùÒ»¸öÇé¿ö£ºÍ¬ÑùÒ»¸ö±êÇ©µÄÊôÐÔÔÚIEÉèÖóÉAÏÔʾÊÇÕý³£µÄ£¬¶øÔÚMozillaÀï±ØÐëÒªÉè³ÉB²ÅÄÜÕý³£ÏÔʾ£¬»òÕßÁ½¸öµ¹¹ýÀ´¡£ÁÙʱ½â¾ö·½·¨£ºÑ¡Ôñ·û{ÊôÐÔÃû£ºB £¡important£»ÊôÐÔÃû£ºA} »òÐíÓÐʱºò²¢Ã»ÓÐЧ¹û¡£Äã¿ÉÒÔÔÚËÑË÷¸ü¶àµÄBUG½â¾ö·½·¨¡£
È


Ïà¹ØÎĵµ£º

CSS:marginÊôÐÔ±¸Íü

²Î¿¼×ÊÁÏ£ºhttp://www.blueidea.com/tech/web/2007/4546.asp£¬ÓÉdzÈëÉîÂþ̸marginÊôÐÔ - ÍøÒ³ÖÆ×÷ - À¶É«ÀíÏë
Ö±½ÓÉÏ´úÂ룺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaa</title>
    <style type="text/css">
    html  { }
......

Javascript+css ʵÏÖÍøÒ³»»·ô¹¦ÄÜ


ÏÖÔÚÍøÕ¾»»Æ¤·ôÊDZȽϳ£¼ûµÄ¹¦ÄÜ£¬´ó¶àÊýÂÛ̳¶¼Óеģ¬ÒªÏëʵÏÖÕâÑùЧ¹û¿ÉÒÔ¿´ÈçÏ´úÂ룺Html´úÂ벿·Ö:
1.ÒªÓÐÒ»¸ö´øidµÄÑùʽ±íÁ´½Ó,ÎÒÃÇҪͨ¹ý²Ù×÷Õâ¸öÁ´½ÓÀ´µ÷Óò»Í¬µÄhref.
<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />
2.Ƥ·ôÑ¡Ôñ°´Å¥(ºǫ́Ϊÿ¸öliÌí¼Óonclickʼþ,´¥·¢»»· ......

¡¾×ª¡¿DIV+CSSÒ³ÃæÈÃfooterʼÖÕÔڵײ¿

ƽ ʱÄÃCSS²¼¾Ö¶¼ÊÇһЩÄÚÈݱȽ϶àµÄÍøÕ¾,Ç°Á½ÌìÓÃCSS+DIVŪÁ˸öÄÚÈÝÉÙµÄÒ³Ãæ,·¢ÏÖÁËÒ»¸öСÎÊÌâ,¿ÉÄÜ´ó¼Ò¶¼»áÓöµ½,ÄǾÍÊÇÍøÕ¾FOOTERµÄ¶¨ λ,Èç¹ûÄÚÈݱȽÏÉٵĻ°,Ò³ÃæµÄFOOTER¾Í»áËæ×ÅÄÚÈݵļõÉÙÅܵ½ÉÏÃæÈ¥,²»ÊǹԹԵÄÔÚÏÂÃæ´ô×Å,º¦µÃÎÒÑо¿ÁË°ëÌìÕÒ¸ßÈËÖÕÓÚ¸ø¸ã¶¨ÁË,Ò²ËãÒ»¸öССµÄ ¼¼Çɸø´ó¼Ò·ÖÏí
Ê×ÏÈÎÒÃÇÒªÔÚÍâ²ãÉ趨һ ......

Ìí¼ÓÍ·ÎļþÖеÄxml,script,cssµÈÄÚÈÝ·½·¨

function   $import(path,type,title,idname){  
          var   s,i;  
          if(type=="js"){  
         &nb ......

CSS½ÒÃØ(1)

     Õâ¸öϵÁпÉÄÜÐÂÊÖ¶ÁÆðÀ´±È½ÏÂý£¬µ«ÎÒ¾¡Á¿ÓÃÒ׶®µÄ·½Ê½½²½â£¬ÒòΪÎÒÔø¾­ÊdzõѧÕߣ¬ÎÒÖªµÀ´ó¼ÒÏëÖªµÀʲô¡£Ò»ÕÅÍøÃæÆäʵҳÃæÄÚÈÝÊDZȽÏÖØÒªµÄ£¬Í¼ÏñÊÇÊôÓÚ½õÉÏÌí»¨£¬µ±È»ÍøÒ³µÄÅÅ°æÒ²ºÜÖØÒª¡£ÔÚCSS½ÒÃØѧϰµÄµÚÒ»Õ¾£¬Ê×ÏÈҪѧϰһÏÂÎÄ×ÖºÍÎı¾£¬Èôó¼Ò¶ÔcssÓиö³õ²½µÄÈÏʶ¡£
   &nb ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ