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

¡¾DIV+CSSÈëÃŽ̡̳¿Ò»¡¢DIV+CSSµÄ½Ð·¨ÊDz»×¼È·µÄ

µÚÒ»Õ£ºÓ¦ÖªµÀ
1.1 DIV+CSS
µÄ½Ð·¨ÊDz»×¼È·µÄ
ÎÒÏë·²ÊÇÀ´µ½“Õâ¸öרÌ┵Äͬѧ£¬ºÜ´ó²¿·ÖÊdzå×ÅDIV+CSSÀ´µÄ£¬Ä¿µÄ¾ÍÊÇѧϰ
DIV+CSSµÄ£¬ËµµÄÔÙÖ±½ÓһЩ¾ÍÊÇѧϰÈçºÎÓÃDIV+CSS²¼¾ÖÒ³Ã棬ÈçºÎ´ÓÒ»ÕÅͼƬÖÆ×÷³É±ê×¼µÄDIV+CSSÒ³Ãæ¡£
      Èç¹ûÄã¿´ÍêµÚÒ»¶Î»¹Ã»Óз¢ÏÖ´íÎóµÄ»°£¬ÄÇÄã¾ÍºÜÓбØÒª£¬½Ó×ÅÍùÏ¿´¡£
    
 DIV+CSSÕâÖֽз¨ÆäʵÊÇÒ»ÖֺܴíÎóµÄ½Ð·¨£¬ÕâÊǹúÈËÒ»ÏáÇéÔ¸µÄ½Ð·¨£¬¶ø±ê×¼µÄ½Ð·¨ÊÇʲôÄØ£¿
ºÇºÇ£¬Ã»´í£¬ÊÇxHTML
+CSS£¬²»Àí
½â°É£¬ÎÒÀ´Ï¸Ï¸¸øÄã˵£¬Èç¹ûÏÂÃæµÄÄãÄÜÀí½â£¬±£Ö¤ÃæÊÔµÄʱºò»áÓкܴóµÄ°ïÖú£¬Í¬Ê±Ò²¿ÉÒÔÈÃÄãºóÃæµÄѧϰ¸üÇáËÉ¡£
      Îª
ʲô¹úÈ˽«ÕâÖÖÒ³
Ãæ²¼¾Ö
µÄ·½·¨½Ð×öDIV+CSS£¿
    
 ÒòΪ¹ýÈ¥²¼¾ÖÒ³Ãæ»ù±¾É϶¼ÊÇÓÃTable²¼¾Ö£¬Ò²¿ÉÒÔ˵ÊÇTable+CSS£¬¶øÏÖÔÚ²¼¾ÖÒ³ÃæÄØ£¬ÓÃDIV£¬ËùÒÔ½ÐDIV+CSS£¬ÌýÆðÀ´Ò²Í¦ºÏÀí£¬ÈÏ
ΪÕâÑù²¼¾Ö³öÀ´µÄÒ³ÃæÒ²¾ÍÊDZê×¼Ò³Ã棬ÉõÖÁÓÐЩÈË×ßÁ˸ö¼«¶Ë£¬¿´µ½ÆäËûÍøÕ¾Óõ½Table£¬¾Í»á³°Ð¦Ò³Ãæ×öµÄ²»¹»±ê×¼£¬ºÃËÆÓò»ÓÃTable³ÉΪÁËÒ³ÃæÊÇ
·ñ±ê×¼µÄÒ»¸ö±ê³ß¡£ÏÖÔÚÎÒ¿ÉÒÔ¸æËß´ó¼Ò£¬·²ÊÇÓÐ×ÅÕâÖÖÐÐΪµÄ£¬¶¼Ñ§µÃ²»Õ¦Ñù£¬ºÜƤ룡
    
 ÓÃÁËTableÒ³Ãæ¾Í²»±ê×¼ÁË?!´¿´âÎÞ»ü̸֮£¬ÄÇʲô²ÅÊDZê×¼Ò³ÃæÄØ£¿ÏÈ¿´Ò»¸öרҵ¸ÅÄWEB±ê×¼£¬È»ºóÎÒ»áÎÊÈý¸öÎÊÌ⣬ÄãÀ´»Ø´ð£º
WEB±ê×¼²»ÊÇijһ¸ö±ê×¼£¬¶øÊÇһϵÁбê×¼µÄ¼¯ºÏ¡£ÍøÒ³Ö÷ÒªÓÉÈý²¿·Ö×é³É£º½á¹¹
£¨Structure£©¡¢±íÏÖ£¨Presentation£©ºÍÐÐΪ£¨Behavior£©¡£¶ÔÓ¦µÄ±ê×¼Ò²·ÖÈý·½Ã棺½á¹¹»¯±ê×¼ÓïÑÔÖ÷Òª°üÀ¨XHTMLºÍXML
£¬±íÏÖ
±ê×¼ÓïÑÔÖ÷Òª°üÀ¨CSS£¬ÐÐΪ±ê×¼Ö÷Òª°üÀ¨¶ÔÏóÄ£ÐÍ£¨ÈçW3C
DOM£©¡¢ECMAScriptµÈ¡£ÕâЩ±ê×¼´ó²¿·ÖÓÉW3CÆð²ÝºÍ·¢²¼£¬Ò²ÓÐһЩÊÇÆäËû±ê×¼×éÖ¯Öƶ©µÄ±ê×¼£¬±ÈÈçECMA£¨European
Computer Manufacturers Association£©µÄECMAScript±ê×¼¡£
¿´Ã÷°×ÁËûÓУ¿ÎÊÌâÀ´ÁË~ÏȲ»Òª¿´´ð°¸£¬´ÓÉÏÃæµÄ¸ÅÄîÖÐÕÒ³ö
ÎÊÌâÒ»£ºWEB±ê×¼Óм¸²¿·Ö×é³É£¿
ÎÊÌâ¶þ£º½á¹¹»¯±ê×¼ÓïÑÔÊÇʲô£¿
ÎÊÌâ
Èý£º±íÏÖ±ê×¼ÓïÑÔÊÇʲô£¿
´ð°¸Ò»£ºÈý²¿·Ö£¬½á¹¹¡¢±íÏÖ¡¢ÐÐΪ
´ð°¸¶þ£ºXHTMLºÍXML
´ð°¸
Èý£ºCSS
    
 ¿´ÍêÉÏÃæÈý¸öÎÊÌ⣬ÄÄʲôÊDZê×¼Ò³ÃæÄØ£¿ºÇºÇ£¬Ëµ°×Á˾ÍÊÇ°´ÕÕWEB±ê×¼ÖÆ×÷µÄÒ³Ã棬´ÓµÚ¶þ¸öÎÊÌâºÍµÚÈý¸öÎÊÌâÖУ¬ÎÒÃÇÓÖ¿ÉÒÔ˵£¬ÓÃXHTMLºÍCSS
ÖÆ×÷µÄÒ³Ãæ¾ÍÊDZê×¼Ò³Ã棬Ҳ¾ÍÊÇ˵xHTML+CSSÖÆ×


Ïà¹ØÎĵµ£º

³£ÓÃcssÃüÃû¹æÔò

    Í·£ºheader
¡¡¡¡ÄÚÈÝ£ºcontent/container
¡¡¡¡Î²£ºfooter
¡¡¡¡µ¼º½£ºnav
¡¡¡¡²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn
¡¡¡¡Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper
¡¡¡¡×óÓÒÖУºleft right center
¡¡¡¡µÇ¼Ìõ£ºloginbar
¡¡¡¡±êÖ¾£ºlogo
¡¡¡¡¹ã¸æ£ºbanner
¡¡¡¡Ò³ÃæÖ÷Ì壺main
¡¡¡¡Èȵ㣺hot ......

csdn blog css×Ô¶¨ÒåÉèÖã¨×ª£©


¡¾×÷Õߣºrare¡¿
csdn blog css×Ô¶¨ÒåÉèÖÃ
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_heade ......

CSS HACKÔ­Àí¼ò½é

¼ò½é¡¡¡¡
    Ê²Ã´ÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæЧ¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæЧ¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ ......

×îºÃµÄcssÖØд´úÂë

Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......

CSS ¼æÈÝÒªµã/³£¼ûÎÊÌâ

ºÜ¶àÕ¾³¤¶¼±§Ô¹CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ,ÓÈÆäÊǶÔÓÚIE6Õâ¸öÎÊÌâ¶à¶àµÄä¯ÀÀÆ÷°æ±¾¡£»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔ­Àí,¾Í»á¾õµÃÒ²²»ÊÇÄÑÊÂ,´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼ÓDOCTYPEÉùÃ÷. &nb ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ