1¡¢Ê²Ã´½Ð×ö±êÇ©ÓïÒ廯? ->ºÏÀíµÄ±êÇ©×öºÏÊʵÄÊÂÇé
->HTMLÖг£ÓõıêÇ©¶¼ÓÐÄÄЩ? (¿é×´±êÇ©ºÍÐÐÄÚ±êÇ©)
->¿é×´±êÇ©ºÍÐÐÄÚ±êÇ©µÄÇø±ð? (³£ÓõÄÓÐ8ÌõÇø±ð)
1£©ÄÚÁªÔªËØ£ººÍÆäËûÔªËض¼ÔÚÒ»ÐÐÉÏ£¬ÔªËصĸ߶ȣ¬¿í¶È¼°¶¥²¿ºÍµ×²¿±ß¾à²»¿ÉÉèÖá£ÔªËصĸ߶ȾÍÊÇËü°üº¬µÄÎÄ×Ö»òÕßͼƬµÄ¿í¶È£¬²»¿É¸Ä±ä¡£
¡¡¡¡->ÐÐÄÚ±êÇ©Ö÷ÒªÓУº<a> <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>
2£©¿é¼¶ÔªËØ£ºÃ¿¸ö¿é¼¶ÔªËض¼ÊÇ´ÓеÄÒ»ÐпªÊ¼£¬²¢ÇÒÆäËûµÄÔªËØÒ²ÊÇÁíÆðÒ»ÐС£ÔªËصĸ߶ȣ¬¿í¶È£¬ÐиßÒÔ¼°¶¥ºÍµ×±ß¾à¶¼¿ÉÒÔÉèÖá£ÔªËØ¿í¶ÈÔÚ²»ÉèÖõÄÇé¿öÏ£¬ÊÇËû±¾ÉíµÄ¸¸ÈÝÆ÷µÄ100%£¨ºÍ¸¸ÔªËصĿí¶ÈÒ»Ö±£©£¬³ý·ÇÉ趨һ¸ö¿í¶È¡£
¡¡¡¡->³£ÓõĿ鼶ԪËØÓУº<div> <p> <h1> <h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>
3£©ÄÚÁª¿é×´ÔªËØ£ººÍÆäËûÔªËض¼ÔÚÒ»ÐÐÉÏ£ºÔªËصĸ߶ȿí¶È£¬Ðиߣ¬ÒÔ¼°¶¥²¿ºÍµ×²¿±ß¾à¶¼¿ÉÉèÖᣳ£ÓÃÄÚÁª¿é¼¶ÔªËØÓУº<img> <input>
2¡¢displayÓÐÄÄЩ³£ÓõÄÊôÐÔÖµ?·Ö±ðÊÇʲôÒâ˼?ÓÐÄÄЩÐèҪעÒâµÄµØ·½?
displayµÄÊôÐÔÖµÓУºnone|inline|inline-block|block|list-item|run-in|table|inlne-table|table-row-group|table-header-group|table-footer-group|table-row|table-column-group|table-column|table-cell|table-caption|inhert
1£©none£ºÔªËز»»áÏÔʾ£¬¶øÇÒ¸ÃÔªËصÄÏÖʵ¿Õ¼ä²»»á±£Áô¡£µ£ÓÐÁíÍâÒ»¸övisiblity:hidden;ÊDZ£ÁôÔªËØ¿Õ¼äµÄ
2£©inline£ºdisplayµÄĬÈÏÊôÐÔ¡£½«ÔªËØÏÔʾΪÄÚÁªÔªËØ£¬ÔªËØÇ°ºóûÓл»Ðзû¡£ÎÒÃÇÖªµÀÄÚÁªÔªËØÊÇÎÞ·¨ÉèÖÿí¸ßµÄ£¬ËùÒÔÒ»µ©ÔªËصÄdisplayÊôÐÔÉèÖóÉinline£¬ÉèÖÃÊôÐԵĿí¸ßÊÇûÓÐÓõġ£´ËʱӰÏìËûµÄ¸ß¶ÈÒ»°ãÊÇÄÚ²¿ÔªËصĸ߶Èfont-sizeºÍpadding¡£
3£©block£º½«ÔªËØÏÔʾΪ¿é¼¶ÔªËØ£¬ÔªËØÇ°ºó»á´øÓл»Ðзû¡£ÉèÖÃΪblockºó£¬ÔªËØ¿ÉÒÔÉèÖÃwidthºÍheightÁË£¬ÔªËضÀÕ¼Ò»ÐС£
4£©inline-block£ºÐÐÄڿ鼶ԪËØ£¬Õâ¸öÔªËØÈÚºÏÁËinlineºÍblockµÄÌØÐÔ£¬Ëû¼¸Ê±ÄÚÁªÔªËØ£¬ÓÖ¿ÉÒÔÉèÖÃwidthºÍheight
->ÄãÔÚÏîÄ¿Öбàд´úÂëµÄʱºò,×ñѵĹ淶ÊÇʲô? (ÑÅ»¢ÓÅ»¯36Ìõ½¨Òé)
5£©ÆäËûµÄdisplay²»ÊǺܳ£ÓõÄÊôÐÔ
¡¡¡¡list-item£º ´ËÔªËØ»á×÷ΪÁбíÏÔʾ¡£
¡¡¡¡run-in£º ´ËÔªËØ»á¸ù¾ÝÉÏÏÂÎÄ×÷Ϊ¿é¼¶ÔªËØ»òÄÚÁªÔªËØÏÔʾ¡£
¡¡¡¡table£º ´ËÔªËØ»á×÷Ϊ¿é¼¶±í¸ñÀ´ÏÔʾ£¨ÀàËÆ <table>£©£¬±í¸ñÇ°ºó´øÓл»Ðзû¡£
¡¡¡¡inline-table£º ´ËÔªËØ»á×÷ΪÄÚÁª±í¸ñÀ´ÏÔʾ£¨ÀàËÆ <table>£©£¬±í¸ñÇ°ºóûÓл»Ðзû¡£
¡¡¡¡table-row-group£º ´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÐеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <tbody>£©¡£
¡¡¡¡table-header-group£º ´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÐеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <thead>£©¡£
¡¡¡¡table-footer-group£º ´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÐеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <tfoot>£©¡£
¡¡¡¡table-row£º ´ËÔªËØ»á×÷Ϊһ¸ö±í¸ñÐÐÏÔʾ£¨ÀàËÆ <tr>£©¡£
¡¡¡¡table-column-group£º ´ËÔªËØ»á×÷Ϊһ¸ö»ò¶à¸öÁеķÖ×éÀ´ÏÔʾ£¨ÀàËÆ <colgroup>£©¡£
¡¡¡¡table-column£º ´ËÔªËØ»á×÷Ϊһ¸öµ¥Ôª¸ñÁÐÏÔʾ£¨ÀàËÆ <col>£©
¡¡¡¡table-cell£º ´ËÔªËØ»á×÷Ϊһ¸ö±í¸ñµ¥Ôª¸ñÏÔʾ£¨ÀàËÆ <td> ºÍ <th>£©
¡¡¡¡table-caption£º ´ËÔªËØ»á×÷Ϊһ¸ö±í¸ñ±êÌâÏÔʾ£¨ÀàËÆ <caption>£©
¡¡¡¡inherit£º ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рdisplay ÊôÐÔµÄÖµ¡£
3¡¢Ò³ÃæÖÐÓÐÒ»¸öºÐ×Ó,ÎÒÏÈÈÃÆäÏûʧÔÚÎÒÃǵÄÊÓÒ°ÖÐ,ÄãÓм¸ÖÖ°ì·¨?
->͸Ã÷¶ÈΪÁã (opacity/filter ->filterµÄÆäËû×÷ÓÃ)
->display:none
->visibility: hidden (display:noneºÍvisibility:hiddenÇø±ðÊÇʲô?)
->¿í¸ßΪÁã
->positionÉèÖÃÍê,ÈÃtop/leftÊÇ×ã¹»µÄ¸ºÖµ (position³£Óõ½µÄÊôÐÔÖµ¶¼ÓÐÄÄЩ?ÐèҪעÒâÄÄЩϸ½ÚµÄµØ·½)
->ÉèÖÃz-index,ÈÃÆäËüµÄÔªËØ°ÑËüÕÚ¸Çס
->±³¾°ÑÕÉ«ºÍÎÒÃÇÒ³ÃæÕûÌåµÄ±³¾°ÑÕÉ«±£³ÖÒ»Ö (background³£Óõ½µÄÊôÐÔÖµ¶¼ÓÐÄÄЩ?)
->×ã¹»µÄ¸ºµÄmarginÖµ
...