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

CSS»ù´¡½Ì³ÌÕûÀí

ÕâÀïÖ»°ÑһЩÎÒ×Ô¼º»¹ÐèÒª¸Ä½øµÄµØ·½·¢ÉÏÀ´¡£
————————————————————————
1.ÍøÒ³²»ÊǾ²Ì¬µÄ¡¢¾ø¶ÔµÄýÌå¡£ÕâÒâζ×ÅÄÚÄÜÉìËõ±äÐΣ¬Óû§Ó¦¸Ã±»ÔÊÐíµ÷Õû×Ô¼ºÏ²»¶µÄ·½Ê½£¬°üÀ¨×ÖÌå´óСºÍÆÁÄ»´óС¡£
¡¡¡¡ÒòΪÕâÑù£¬½¨Òéʹ
ÓÃ"em"ºÍ"%"ÔÚfont-sizeÉÏ£¨¿í¶ÈºÍ¸ß¶È£©£¬Ïà±ÈÏÂpx²»Äܹ»Ôڴ󲿷Öä¯ÀÀÆ÷¸Ä±ä´óС£¬ËùÒÔÒªÉÙÓ㬿ÉÒÔÓÃÔڱ߿òµÄ´óСÉÏ¡£
2.css¿ÉÒÔ´¦Àí16,777,216ÑÕÉ«£¬¿ÉÒÔʹÓÃÃû×Ö¡¢rgbÖµ»òÊ®Áù½øÖÆ´úÂë¡£
¡¡¡¡ÓÐ17¸öÔ¤ÏÈÈ·¶¨µÄÑÕÉ«£¬ËüÃÇÊÇ£º
¡¡¡¡
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 
¡¡¡¡
olive, orange, purple, red, silver, teal, white, and yellow.
¡¡¡¡
transparent Ò²ÊÇÒ»¸öÕýÈ·µÄÖµ¡£
3.font-family
¡¡¡¡ÎÄ×ÖʹÓõÄ×ÖÌ壬±ÈÈçËÎÌ壬Times New Roman£¬Arial
µÈµÈ
¡¡¡¡Õâ¸öÊôÐÔ±ØÐëÏêÏ¸ÖÆ¶¨£¬²»ÄÜʹÓÃÆ«Æ§µÄ×ÖÌ壬ҪʹÓð²È«×ÖÌ壨±ÈÈçarial£¬verdanaºÍtimes new romanºÍËÎ
Ì壩£¬¿ÉÒÔͬʱָ¶¨Ðí¶à×ÖÌ壬ֻҪʹÓöººÅ·Ö¿ª¼´¿É¡£ÕâÑùµÄÓÃÒâÊÇ£¬Èç¹ûÓû§µçÄÔÀïûÓеÚÒ»¸ö×ÖÌåä¯ÀÀÆ÷¿ÉÒÔʹÓúóÃæÖ¸¶¨µÄ×ÖÌå¡£Õâ·Ç³£ÓÐÓã¬ÒòΪ²»Í¬µÄ
µçÄÔÓµÓв»Í¬µÄ×ÖÌå¡£Àý×Ófont-size: arial,helvetica£¬pcÓû§¿ÉÒÔʹÓÃarial¶øÆ»¹ûmacÓû§¿ÉÒÔʹÓÃ
helvetica¡£
¡¡¡¡×¢Ò⣺Èç¹û×ÖÌåµÄÃû³ÆÓÐÐí¶àµ¥´Ê×é³É£¬Ê¹ÓÃË«ÒýºÅ×éºÏ£¬±ÈÈ磬font-
family: "Times New Romes"¡£
4.×óÓÒMargin¼Ó±¶µÄÎÊÌâ
¡¡¡¡µ±boxΪfloatʱ£¬IE6ÖÐbox×óÓÒµÄmargin»á¼Ó±¶¡£
5.Íâ²ãbox×Ô¶¯¼ÆËã¸ß¶ÈµÄÎÊÌâ
¡¡¡¡¸ù¾ÝW3C¶¨Ò壬ûÓÐfloatÊôÐÔµÄÍâ²ãbox²»»á×Ô¶¯¼ÆËã¸ß¶È£¬Òª¼ÆËã
¸ß¶È£¬±ØÐëÔÚÄÚ²ã×îºóÒ»¸öbox¼ÓÈëclear:both¡£
¡¡¡¡Opera¡¢netscape¡¢mozillaµÈ²»»á¼ÆËãÍâ²ãbox¸ß¶È£¬µ«ÊÇ΢
Èíie6»á×Ô¶¯¼ÆËãÍâ²ã¸ß¶È¡£±ÈÈ磺
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml
">
<head>


Ïà¹ØÎĵµ£º

IE7ÖÐÉú³É¸ßÖÊÁ¿CSSËõÂÔͼ¼¼ÇÉ

ÔÚǰ¶Ë¿ª·¢ÖУ¬ÎÒÃǾ­³£Óöµ½ÕâÑùµÄÇé¿ö£º·þÎñÆ÷´«µ½Ç°¶ËµÄͼƬÐèÒªËõСÒÔÏÔʾ£¨ÈçÏ£©£¬ÔÚ½«ÆäËõ·ÅÖ®ºó£¬IEÖÐͼƬЧ¹û²»ÈÝÀÖ¹Û¡£
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7Ö§³Ö×Ô¶¨ÒåË«Èý´Î&ldq ......

DivCSSÍøÒ³²¼¾ÖÖÐCSSÎÞЧµÄÊ®¸ö³£¼ûÔ­Òò

    ÎÒÃÇ´Ó52CSS.comÖÐѧϰDivCSSÍøÒ³²¼¾ÖµÄ֪ʶ£¬¿ÉÊÇW3C validationÓÐʱÄÑÒÔ²Ù×÷£¬µ«ÓÃËüÄã¿ÉÒԲ鿴ÓɰæÃæÉè¼ÆÒýÆðµÄ²î´í¡£ÑéÖ¤³ÌÐòÅ׳ö´óÁ¿²î´íºÍ¾¯¸æ£¬ËµÃ÷ÄãµÄXHTMLÉÐδÍêÉÆ£¬¿ÉÄÜÎÞ·¨ÔÚ²»Í¬ä¯ÀÀÆ÷Éϱ£³ÖÒ»Ö¹¦ÄÜ¡£ÏÂÃæÊ®¸öϸ΢µÄʧЧÎÊÌâÄÑסÁË´óÅú³ÌÐòÔ±£¬±¾Îľ͸æËßÄãÈçºÎ½â¾ö¡£ÔÚ±¾ÎÄ¿ªÊ¼Ç°½éÉÜһР......

CSS²¼¾Ö ¿é¼¶ÔªËؼ°ÄÚÁªÔªËØ

Block element ¿é¼¶ÔªËØ
¹ËÃû˼Òå¾ÍÊÇÒÔ¿éÏÔʾµÄÔªËØ£¬¸ß¶È¿í¶È¶¼ÊÇ¿ÉÒÔÉèÖõġ£±ÈÈçÎÒÃdz£ÓõÄ<div>¡¢<p>¡¢<ul>ĬÈÏ״̬϶¼ÊÇÊôÓÚ¿é¼¶ÔªËØ¡£¿é¼¶ÔªËرȽϰԵÀ£¬Ä¬ÈÏ״̬ÏÂÿ´Î¶¼Õ¼¾ÝÒ»Õû¸öÐУ¬ºóÃæµÄÄÚÈÝÒ²±ØÐëÔÙÐÂÆðÒ»ÐÐÏÔʾ¡£µ±È»·Ç¿é¼¶ÔªËØÒ²¿ÉÒÔͨ¹ýcssµÄdisplay:block;½«Æä¸ü¸Ä³É¿é¼¶ÔªËØ¡£´ËÍâ» ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ