¡¾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ÖÆ×
Ïà¹ØÎĵµ£º
Í·£ºheader
¡¡¡¡ÄÚÈÝ£ºcontent/container
¡¡¡¡Î²£ºfooter
¡¡¡¡µ¼º½£ºnav
¡¡¡¡²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn
¡¡¡¡Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper
¡¡¡¡×óÓÒÖУºleft right center
¡¡¡¡µÇ¼Ìõ£ºloginbar
¡¡¡¡±êÖ¾£ºlogo
¡¡¡¡¹ã¸æ£ºbanner
¡¡¡¡Ò³ÃæÖ÷Ì壺main
¡¡¡¡Èȵ㣺hot ......
¡¾×÷Õߣºrare¡¿
csdn blog css×Ô¶¨ÒåÉèÖÃ
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_heade ......
¼ò½é¡¡¡¡
ʲôÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶Ô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¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ,ÓÈÆäÊǶÔÓÚIE6Õâ¸öÎÊÌâ¶à¶àµÄä¯ÀÀÆ÷°æ±¾¡£»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔÀí,¾Í»á¾õµÃÒ²²»ÊÇÄÑÊÂ,´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼ÓDOCTYPEÉùÃ÷. &nb ......