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

¡¾CSSÈëÃÅ¡¿°Ë¡¢DIV CSS ¿é×´ÔªËØºÍÄÚÁªÔªËØ

ÎÒÃÇÏÈÀ´·ÖÎöÒ»ÏÂ¿é¼¶ÔªËØ¡¢ÄÚÁª¼¶ÔªËص͍ÒåºÍ½âÎö£º
  
¿éÔªËØ(block
element)Ò»°ãÊÇÆäËûÔªËØµÄÈÝÆ÷ÔªËØ£¬¿éÔªËØÒ»°ã¶¼´ÓÐÂÐпªÊ¼£¬Ëü¿ÉÒÔÈÝÄÉÄÚÁªÔªËØºÍÆäËû¿éÔªËØ,³£¼û¿éÔªËØÊǶÎÂä±êÇ©'P"¡£
“form"
Õâ¸ö¿éÔªËØ±È½ÏÌØÊ⣬ËüÖ»ÄÜÓÃÀ´ÈÝÄÉÆäËû¿éÔªËØ¡£
¡¡¡¡Èç¹ûûÓÐcssµÄ×÷Ó㬿éÔªËØ
»á˳ÐòÒÔÿ´ÎÁíÆðÒ»Ðеķ½Ê½Ò»Ö±ÍùÏÂÅÅ¡£¶øÓÐÁËcssÒÔºó£¬ÎÒÃÇ¿ÉÒԸıäÕâÖÖhtmlµÄĬÈϲ¼¾Öģʽ£¬°Ñ¿éÔªËØ°Ú·Åµ½ÄãÏëÒªµÄλÖÃÉÏÈ¥¡£¶ø²»ÊÇÿ´Î¶¼ÓÞ´À
µÄÁíÆðÒ»ÐС£ÐèÒªÖ¸³öµÄÊÇ£¬table±êǩҲÊÇ¿éÔªËØµÄÒ»ÖÖ£¬table based layoutºÍcssbased
layout´ÓÒ»°ãʹÓÃÕߣ¨²»°üÀ¨ÊÓÁ¦Õϰ­Õß¡¢Ã¤È˵ȣ©µÄ½Ç¶ÈÀ´¿´ÕâÁ½ÖÖ²¼¾Ö£¬³ýÁËÒ³ÃæÔØÈëËٶȵIJî±ðÍ⣬ûÓÐÆäËûµÄ²î±ð¡£µ«ÊÇÈç¹ûÆÕͨʹÓÃÕß²»¾­ÒâµãÁË
²é¿´Ò³ÃæÔ´´úÂë°´Å¥ºó£¬Á½ÕßËù±íÏÖ³öÀ´µÄ²îÒì¾Í·Ç³£´óÁË¡£»ùÓÚÁ¼ºÃÖØ¹¹ÀíÄîÉè¼ÆµÄcss²¼¾ÖÒ³ÃæÔ´Â룬ÖÁÉÙÒ²ÄÜÈÃûÓÐweb¿ª·¢¾­ÑéµÄÆÕͨʹÓÃÕß°ÑÄÚÈÝ¿ì
ËٵĶÁ¶®¡£´ÓÕâ¸ö½Ç¶ÈÀ´Ëµ£¬css layout codeÓ¦¸ÃÓиüºÃµÄÃÀѧÌåÑé¡£
¡¡
¡¡ÄãÄܹ»°Ñ¿éÈÝÆ÷ÔªËØdivÏëÏó³ÉÒ»¸ö¸öbox£¬»òÕßÈç¹ûÄãÍæ¹ý¼ôÌùÎÄÔØµÄ»°£¬ÄǾ͸ü¼ÓÈÝÒ×Àí½âÁË¡£ÎÒÃÇÏȰÑÐèÒªµÄÎÄÕ´Ӹ÷ÖÖ±¨Ö½¡¢ÔÓÖ¾×ܼô
ÏÂÀ´¡£Ã¿¿é¼ôÏÂÀ´µÄÄÚÈݾÍÊÇÒ»¸öblock¡£È»ºóÎÒÃǰÑÕâЩֽ¿é°´ÕÕ×Ô¼ºµÄÅŰæÒâͼ£¬ÓýºË®ÖØÐÂÌùµ½Ò»Õſհ׵ÄÐÂÖ½ÉÏ¡£ÕâÑù¾ÍÐγÉÁËÄã×Ô¼º¶ÀÌØµÄÎÄÕª¿ì±¨
ÁË¡£×÷ΪһÖÖ¼¼ÊõµÄÑÓÉì£¬ÍøÒ³²¼¾ÖÉè¼ÆÒ²×ñÑ­ÁËͬÑùµÄģʽ¡£
ÄÚ
ÁªÔªËØ(inline element)Ò»°ã¶¼ÊÇ»ùÓÚÓïÒå¼¶(semantic)µÄ»ù±¾ÔªËØ¡£ÄÚÁªÔªËØÖ»ÄÜÈÝÄÉÎı¾»òÕ߯äËûÄÚÁªÔªËØ£¬³£¼ûÄÚÁªÔªËØ
“a”¡£  
¡¡¡¡ÐèҪ˵Ã÷µÄÊÇ£ºinline
elementµÄÖÐÎĽз¨£¬ÓжàÖÖÄÚÁªÔªËØ¡¢ÄÚÇ¶ÔªËØ¡¢ÐÐÄÚÔªËØ¡¢Ö±½øÊ½ÔªËØ¡£»ù±¾ÉÏûÓÐͳһµÄ·­Ò룬°®Ôõô½ÐÔõô½Ð°É¡£ÁíÍâÌáµ½ÄÚÁªÔªËØ£¬ÎÒÃÇ»áÏëµ½ÓÐ
¸ödisplayµÄÊôÐÔÊÇdisplay:inline;Õâ¸öÊôÐÔÄܹ»ÐÞ¸´ÖøÃûµÄIEË«±¶¸¡¶¯
±ß
½çÎÊÌâ¡£
¡¡¡¡¿éÔªËØ(block element)ºÍÄÚÁªÔªËØ(inline
element)¶¼ÊÇhtml¹æ·¶ÖеĸÅÄî¡£¿éÔªËØºÍÄÚÁªÔªËصĻù±¾²îÒìÊÇ¿éÔªËØÒ»°ã¶¼´ÓÐÂÐпªÊ¼¡£¶øµ±¼ÓÈëÁËcss¿ØÖÆÒԺ󣬿éÔªËØºÍÄÚÁªÔªËصÄÕâÖÖÊô
ÐÔ²îÒì¾Í²»³ÉΪ²îÒìÁË¡£±ÈÈ磬ÎÒÃÇÍêÈ«¿ÉÒÔ°ÑÄÚÁªÔªËØcite¼ÓÉÏdisplay:blockÕâÑùµÄÊôÐÔ£¬ÈÃËûÒ²ÓÐÿ´Î¶¼´ÓÐÂÐпªÊ¼µÄÊôÐÔ¡£
¿éÔªËØ£¨block element£©

·address - µØÖ·
·blockquote - ¿éÒýÓÃ
·center
- ¾ÙÖÐ¶ÔÆë


Ïà¹ØÎĵµ£º

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


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

css×Ô¶¯½ØÈ¡×Ö·û´®

ÌṩһÖÖÓÃCSS´úÂëʵÏÖ×Ô¶¯½ØÈ¡×Ö·û´®µÄ·½·¨£º
CSS´úÂëÈçÏ£º
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
} ......

¡¾DIV+CSSÈëÃŽ̡̳¿Èý¡¢xHTML+CSSÓëSEO

XHTML
+CSS
ÓëSEO
µÄÄÚÈÝ£¬ºóÃæÕ½ڻáÏê
ϸ¸ø´ó¼Ò½éÉÜ£¬ÕâÀï¾ÍÏÈ˵һЩ£¬Èôó¼Ò¶ÔxHTML+CSSÓëSEOÓÐÒ»¶¨µÄÈÏʶ£¬ÎªºóÃæÖÆ×÷Ò³Ãæ´ò»ù´¡£¬±Ï¾¹ÎÒÃÇ×ö³öÀ´µÄÒ³Ãæ»¹ÊÇÒª¸øËÑË÷ÒýÇæ
¿´µÄ£¬ËùÒÔ²»Äܲ»ÌáÌáxHTML+CSSÓëSEOµÄ¹ØÏµ¡£
1)½«Ò³ÃæÖÐ×îÖØÒªµÄÄÚÈÝÓÃ
h1±êÇ©À¨ÆðÀ´£¬h1µÄÄÚÈݾͺÍÒ³ÃætitleºÜ×ÔÈ»µÄ°üº¬ÁËÕ¾µã»òÕßÒ³Ãæµ ......

¡¾DIV+CSSÈëÃŽ̡̳¿Îå¡¢CSSÑ¡ÔñÆ÷

ÉϽڿÎÎÒÃǽ²ÁËÒ»ÏÂCssͨ¹ýʲô·½Ê½È¥¿ØÖÆÒ³Ãæ
£¬Èç¹û²»¼ÇµÃ£¬ÎÒÀ´°ï´ó¼Ò»ØÒäһϣ¬×ܹ²ÓÐËÄÖÖ·½Ê½ÐÐÄÚ·½Ê½¡¢ÄÚ
Ƕ·½Ê½¡¢Á´½Ó·½Ê½¡¢µ¼È뷽ʽ£¬´ó¼Òͨ¹ýÕâËÄÖÖ·½Ê½¾Í¿ÉÒÔʵÏÖCSS
¶ÔHTML
Ò³ÃæÑùʽµÄ¿ØÖÆ£¬Èç¹ûÒªÈÃÕâЩÑùʽ¶ÔHTMLÒ³ÃæÖеÄÔªËØÊµÏÖÒ»¶ÔÒ»£¬Ò»¶Ô¶à»òÕß¶à¶ÔÒ»µÄ¿ØÖÆ£¬Õâ¾ÍÐè
ÒªÓõ½CSSÑ¡ÔñÆ÷£¬HTMLÒ³ÃæÖеÄÔ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ