¡¾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ʵÏֲ˵¥Ô²½Ç±³¾°µÄЧ¹û, ËùÒÔÔÚÍøÉÏËÑÁËһϣ¬·¢ÏÖ´Ë·½·¨×î¼òµ¥¿ÉÐÐ~~ÌؼǼÏÂÀ´¹©´ó¼ÒÒ»ÆðʹÓÃ~~~
.nav ul li a{float:left; display:block; padding: 0 10px;
} /*×¢Òâpadding*/
.nav ul li a:hover{padding:0 0 0 10px;
display:block; background:url(images/tableft1.jpg) left top no-repeat # ......
CSSÒѾ³ÉΪÍøҳǰ¶ÎÉè¼ÆÒ»¸ö·Ç³£ÖØÒªµÄ²¿·Ö£¬ÓÉÓÚдCSSʱÐèÒª¿¼ÂǵÄÎÊÌâ·Ç³£¶à£¬ÀÏÊÖÃÇ´´½¨ÐÂÒ³ÃæÊÇͨ³£»áÑØÓÃÒÔÇ°µÄCSS¿ò¼Ü¡£µ«ÊÇÐÂÊÖûÓÐ×Ô¼ºµÄ¿ò¼Ü£¬ÕâƪÎÄÕ¿ÉÒÔ¸øÐÂÊÖÃÇһЩÆôʾ¡£
1.¼òµ¥µÄ´¿CSS Tooltip
ͨ¹ýÕâЩ´úÂ룬Äã¿ÉÒÔ×ö³ö¼òµ¥µÄTooltip¡£ÕâÊÇCSS
´úÂ룺
ÒÔÏÂΪÒýÓõÄÄÚÈÝ£º
a:hover { background: ......
2007-11-18 12:41
ÔÚÍøÒ³ÖÆ×÷ÖУ¬ÓÐÐí¶àµÄÊõÓÀýÈ磺CSS¡¢HTML¡¢DHTML¡¢XHTMLµÈµÈ¡£ÔÚÏÂÃæµÄÎÄÕÂÖÐÎÒÃǽ«»áÓõ½Ò»Ð©ÓйØÓÚHTMLµÄ»ù±¾ÖªÊ¶£¬¶øÔÚÄãѧϰÕâƪÈëÃŽ̳Ì֮ǰ£¬ÇëÈ·¶¨ÄãÒѾ¾ßÓÐÁËÒ»¶¨µÄHTML»ù´¡¡£ÏÂÃæÎÒÃǾͿªÊ¼Ò»²½Ò»²½Ê¹ÓÃDIV+CSS½øÐÐÍøÒ³²¼¾ÖÉè¼Æ°É¡£
ËùÓеÄÉè¼ÆµÚÒ»²½¾ÍÊǹ¹Ë¼£¬¹¹Ë¼ºÃÁË£¬Ò»°ãÀ´Ëµ»¹Ðè ......
ºÜ¶àÕ¾³¤¶¼±§Ô¹CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ,ÓÈÆäÊǶÔÓÚIE6Õâ¸öÎÊÌâ¶à¶àµÄä¯ÀÀÆ÷°æ±¾¡£»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔÀí,¾Í»á¾õµÃÒ²²»ÊÇÄÑÊÂ,´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼ÓDOCTYPEÉùÃ÷. &nb ......
ÕâÊÇÒ»¸ö±ê×¼µÄCSSÏÂÀ²Ëµ¥ÖÆ×÷½Ì³Ì£¬ÓÐÕë¶ÔÄ¿Ç°Á÷ÐеÄIE6/IE7/IE8²»Í¬°æ±¾µÄCSS´úÂ룬Òò´Ë¿ÉÒÔÔÚIEÖ®¼äÍêÈ«¼æÈÝ£¬²»¹ýÆäËüµÄä¯ÀÀÆ÷Ïñ»ðºü/GGä¯ÀÀÆ÷Ö®ÀàµÄûÓвâÊÔ£¬Èç¹û¼æÈÝIE8µÄ»°£¬ÄÇô¼æÈÝ»ðºüÓ¦¸ÃÎÊÌâ²»´ó°É¡£²Ëµ¥Ê¹ÓÃÀ¶É«»ùµ÷£¬»¬Ïò¶þ¼¶²Ëµ¥¸ü»»±³¾°£¬²Ù×÷µÄ¸Ð¾õºÜÊæ·þ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......