Div+CSSÔÚÍøÕ¾Éè¼ÆµÄÓÅÊÆ
1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾;
2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo
3.Ëõ¶Ì¸Ä°æʱ¼ä¡£Ö»Òª¼òµ¥µÄÐ޸ļ¸¸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏǧҳÃæµÄÕ¾µã¡£
4.Ç¿´óµÄ×ÖÌå¿ØÖƺÍÅÅ°æÄÜÁ¦¡£CSS¿ØÖÆ×ÖÌåµÄÄÜÁ¦±ÈÔã¸âµÄFONT±êÇ©ºÃ¶àÁË£¬ÓÐÁËCSS£¬ÎÒÃDz»ÔÙÐèÒªÓÃFONT±êÇ©»òÕß͸Ã÷µÄ1 px GIFͼƬÀ´¿ØÖƱêÌ⣬¸Ä±ä×ÖÌåÑÕÉ«£¬×ÖÌåÑùʽµÈµÈ¡£
5.CSS·Ç³£ÈÝÒ×±àд¡£Äã¿ÉÒÔÏóдhtml´úÂëÒ»ÑùÇáËɵرàдCSS¡£
6.Ìá¸ßÒ×ÓÃÐÔ¡£Ê¹ÓÃCSS¿ÉÒԽṹ»¯HTML£¬ÀýÈ磺<p>±êÇ©Ö»ÓÃÀ´¿ØÖƶÎÂ䣬heading±êÇ©Ö»ÓÃÀ´¿ØÖƱêÌ⣬table±êÇ©Ö»ÓÃÀ´±íÏÖ¸ñʽ»¯µÄÊý¾ÝµÈµÈ¡£Äã¿ÉÒÔÔö¼Ó¸ü¶àµÄÓû§¶ø²»ÐèÒª½¨Á¢¶ÀÁ¢µÄ°æ±¾¡£
7.¿ÉÒÔÒ»´ÎÉè¼Æ£¬Ëæ´¦·¢²¼¡£ÄãµÄÉè¼Æ²»½ö½öÓÃÓÚwebä¯ÀÀÆ÷£¬Ò²¿ÉÒÔ·¢²¼ÔÚÆäËûÉ豸ÉÏ£¬±ÈÈçPowerPoint¡£
8.¸üºÃµÄ¿ØÖÆÒ³Ãæ²¼¾Ö¡£²»Óöà˵¡£
9.±íÏÖºÍÄÚÈÝÏà·ÖÀë¡£½«Éè¼Æ²¿·Ö°þÀë³öÀ´·ÅÔÚÒ»¸ö¶ÀÁ¢ÑùʽÎļþÖУ¬Äã¿ÉÒÔ¼õÉÙδÀ´ÍøÒ³ÎÞЧµÄ¿ÉÄÜ¡£
10.¸ü·½±ãËÑË÷ÒýÇæµÄËÑË÷¡£ÓÃÖ»°üº¬½á¹¹»¯ÄÚÈݵÄHTML´úÌæǶÌ׵ıêÇ©£¬ËÑË÷ÒýÇ潫¸üÓÐЧµØËÑË÷µ½ÄãµÄÄÚÈÝ£¬²¢¿ÉÄܸøÄãÒ»¸ö½Ï¸ßµÄÆÀ¼Û(ranking)¡£
11.Table ²¼¾ÖÁé»îÐÔ²»´ó£¬ÄãÖ»ÄÜ×ñÑ table tr td µÄ¸ñʽ¡£¶ødiv Äã¿ÉÒÔ div ul li
¸ü¶àµÄÄÚÈÝÇë·ÃÎÊ:www.1fagnsk.com
Ïà¹ØÎĵµ£º
position ÓÐÈý¸öÖµ£¬static£¨¾²Ì¬£©¡¢relative£¨Ïà¶Ô£©¡¢absolute£¨¾ø¶Ô£© fix(¹Ì¶¨²¼¾Ö)£»ÓÉÓÚstaticÊÇËùÓÐÒ³ÃæÔªËصÄĬÈÏÖµ£¬Òò´ËÉèÖÃÔªËصĶ¨Î»ÀàÐÍʱ¼¸ºõ²»ÓÃÕâ¸öÖµ£¬³ý·ÇÓÃÓÚ¸²¸Ç֮ǰµÄ¶¨Òå¡£
¶ÔÓÚºóÁ½Õߣ¬Ò»°ãÓ¦ÓãºÔÚÒ»¸öÏà¶Ô¶¨Î»µÄÔªËØÀïÃæ·ÅÖÃÒ»¸ö¾ø¶Ô¶¨Î»µÄÔªËØ£¬Èçͼ£º
×ÓÔªËØB¿ÉÒÔͨ¹ýtop¡¢right¡¢bottom¡¢le ......
Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï
¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥
룬±ÈÈç:width: 100px width: ......
×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼Æʦ£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©ÁË°×Íà×ÓÒ»Ñù¡£
T ......
±¾ÎÄÁоÙÁ˼æÈÝ IE ºÍ FF µØ»»ÐÐ CSS ÍƼöÑùʽ,Ïêϸ½éÉÜÁËword-wrapͬword-breakµØÇø±ð.¼æÈÝ IE ºÍ FF µØ»»ÐÐ CSS ÍƼöÑùʽ£º
×îºÃµØ·½Ê½ÊÇ
word-wrap:break-word; overflow:hidden;
¶ø²»ÊÇ
word-wrap:break-word; word-break:break-all;
Ò²²»ÊÇ
word-wrap:break-word; overflow:auto;
ÕâÖÖ×îºÃµØ·½Ê½,ÔÚ IE ÏÂûÓÐÈ ......
dt ºÍddÖпÉÒÔÔÙ¼ÓÈë ol ul liºÍp£¬Àí½âÕâЩÒÔºó£¬ÔÚʹÓÃdiv²¼¾ÖµÄʱºò£¬»á·½±ãºÜ¶à£¬Æäʵw3cÌṩÁ˺ܶàÔªËظ¨Öú²¼¾Ö¶¼ÊÇÓÐËüµÄÓô¦µÄ£¬¶ø²»¾¡ÊÇdiv¡£
¿é¼¶ÔªËØdiv¾¡Á¿ÉÙÓã¬ÆäʵºÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ£¬ËüÒ²ÊÇ»áÓ°ÏìËٶȵģ¡
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>......</li>
<li>......</li& ......