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

Css ͼ½âmargin ºÍ padding µÄÇø±ð

Css ͼ½âmargin ºÍ padding µÄÇø±ð
ÒÔǰ³£³£ÒÔΪmargin ºÍ paddingµÄÇø±ð,¶øÀÏÊÇgoogle,ÏÖÔÚÀíÇåÁË...
ͼ½â:

margin : Ï൱ÓÚ×é¼þµÄ Íâ±ßÔµ ÓëÍⲿ×é¼þµÄ¾àÀë
padding : Ï൱ÓÚ×é¼þµÄ ÄÚ±ßÔµ ÓëÄÚ²¿×é¼þµÄ¾àÀë


Ïà¹ØÎĵµ£º

CSSĬÈÏÖØÉè

body{ background:#FFFFFF; font-size:12px; font-family:‘ËÎÌå’, Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,
img{margin:0;padding:0;}
.partA,.partB,.partC,.partD,.partE,.partF,.partG,.partH,.partI,. ......

ÔõôÈÃinputÀïµÄtextºÍbuttonʹÓò»Í¬µÄcssÑùʽ


µ±Äã¿´µ½<input>Õâ¸öhtml±êÇ©µÄʱºò£¬Äã»áÏ뵽ʲô£¿Ò»¸öÎı¾¿ò£¿Ò»¸ö°´Å¥£¿Ò»¸öµ¥Ñ¡¿ò£¿Ò»¸ö¸´Ñ¡¿ò£¿……¶Ô£¬¶Ô£¬¶Ô£¬ËüÃǶ¼¶Ô¡£Ò²ÐíÄã¿ÉÄÜÏë²»µ½£¬Õâ¸öССµÄinput¾¹È»¿ÉÒÔ´´Ôì³ö10¸ö²»Í¬µÄ¶«Î÷£¬ÏÂÃæÊǸöÁÐ±í£¬¿´¿´£¬ÄÄЩÊÇÄãûÓÐÏëµ½µÄ£º
<input type="text" /> Îı¾¿ò
<input type="p ......

jQuery:CSSÒõÓ°¶Ô»°¿ò

jQuery²å¼þ: jquery.widget.shadowbox.js
/**
* Ò»¸ö¼òµ¥µÄÉèÖÃDIVÒõÓ°µÄ²å¼þ
*
* ¹¦ÄÜ:
* 1. ¸ù¾ÝÒõÓ°¿í¶È×Ô¶¯µ÷ÕûÍâ²ãÈÝÆ÷¿í¶È,ÒÔ¼°Í¸Ã÷¶È
* 2. ¿É¶¨ÒåShadowBoxµÄ¿í¶ÈºÍ¸ß¶È
* 3. ¿ÉÓÃCSSÑùʽ±í¶¨Òå¿ÉÊÓ»¯Ñùʽ
*
* @author joe.he <developerworks@163.com>
* @copyright irgs.cn
*/
(fun ......

cssÄ£°åÍø

ƽʱ×Ô¼ºËѼ¯ÁËһЩcssµÄÄ£°åÏÂÔØÍøÕ¾
ÏÖÔÚ·ÖÏí¸ø´ó¼Ò
µÚÒ»¸öÊÇopenwebdesign
Õâ¸öÍøÕ¾ÌṩÁ˳¬¶àµÄ¶øÇÒÊÇÃâ·ÑµÄ·ûºÏ±ê×¼µÄcssÄ£°å,ÒÔǰÎÒÔڰٶȿռä
´î½¨²©¿ÍµÄʱºò,¾ÍÊǾ­³£ÔÚÕâÀïÕÒһЩϲ»¶µÄcssÄ£°å,È»ºó¸ù¾ÝÆäÑùʽ
Ä£·Â
µÚ¶þ¸öÊÇDark eye
Õâ¸öÒ²ÊÇÌṩÁËÃâ·ÑµÄcssÄ£°å,ÊýÁ¿Ò²ºÜ¶à,±È½Ïϲ»¶µÄÊÇËû¿ÉÒÔ¸ü¾ßÑÕÉ«À´ ......

cssµÄposition relative¼æÈÝÎÊÌâÓë½â¾ö°ì·¨

   position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖØµÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇ̫;ÊǾ޴óµÄÒź¶£¬ÒÔǰ×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃæ£¬Ã»Óа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ