¡¾DIV+CSSÈëÃŽ̡̳¿Áù¡¢CSSÑ¡ÔñÆ÷¹æ·¶»¯ÃüÃû
¹æ·¶µÄÃüÃûÒ²ÊÇWeb±ê×¼
ÖеÄÖØÒªÒ»Ï±ê×¼µÄÃüÃû¿ÉÒÔ¸üºÃµÄ¿´¶®´úÂ룬ÎÒÏë´ó¼ÒÓ¦¸Ã¶¼ÓÐÕâÖÖ¾Àú£¬Ä³ÈÕ·³ö×Ô¼º¹ýȥдµÄ´úÂë
¾ÓÈ»¿´²»¶®ÁË£¬ºÇºÇ£¬ÎªÁ˱ÜÃâÕâÖÖÇé¿öÎÒÃǾÍÒª¹æ·¶»¯ÃüÃû£¬ÔÙ˵ÁË£¬ÏÖÔÚÒ»¸öÏîÄ¿²»ÊÇÒ»¸öÈ˾ͿÉÒÔÍê³ÉµÄ£¬ÊÇÐèÒª´ó¼Ò»¥ÏàºÏ×÷µÄ£¬Èç¹ûûÓй淶»¯ÃüÃû£¬±ð
È˾ÍÎÞ·¨¿´¶®ÄãµÄ´úÂ룬´ó´ó½µµÍÁ˹¤×÷ЧÂÊ£¬ËùÒÔ±ØÐë¹æ·¶»¯ÃüÃû£¬ÕâÑù»¹ÏÔ×ÅÔÛרҵ£¡
ºÃÁ˲»¶à˵ÁË£¬¹ØÓÚCSS
Ãü
Ãû·¨£¬ºÍÆäËûµÄ³ÌÐòÃüÃû²î²»¶à£¬Ò²ÊÇÓÐÈýÖÖ£ºÂæÍÕÃüÃû·¨£¬ÅÁ˹¿¨ÃüÃû·¨£¬ÐÙÑÀÀûÃüÃû·¨
¡£
¡¾ÂæÍÕÃüÃû·¨¡¿
˵µ½ÂæÍÕ´ó¼Ò¿Ï¶¨»áÏëµ½ËüÄÇÃ÷ÏÔµÄÌØÕ÷£¬±³²¿µÄ¡Æð£¬Ò»¸ßÒ»µÍµÄ£¬ÎÒÃǵÄÃüÃûÒ²ÒªÕâÑùÒ»¸ßÒ»µÍ£¬Ôõô²ÅÄÜÕâÑù£¬¾ÍÓôóСд×ÖĸßÂ~£¬´óдµÄÓ¢ÎľÍÏà
µ±ÓÚÂæÍÕ±³²¿µÄ͹Æð£¬Ð¡Ð´µÄ¾ÍÊÇ°¼ÏÂÈ¥µÄµØ·½ÁË£¬µ«ÊÇÕâ¸öÒ²ÊÇÓйæÔòµÄ£¬¾ÍÊǵÚÒ»¸ö×ÖĸҪСд£¬ºóÃæµÄ´ÊµÄµÚÒ»¸ö×Öĸ¾ÍÒªÓôóд£¬ÈçÏ£º
#headerBlock
.navMenuRedButton
¡¾ÅÁ˹¿¨ÃüÃû·¨¡¿
ÕâÖÖÃüÃû·¨Í¬ÑùÒ²ÊÇ´óСд×Öĸ»ì±à¶ø³É£¬ºÍÂæÍÕÃüÃû·¨ºÜÏñ£¬Ö»
ÓÐÒ»µãÇø±ð£¬¾ÍÊÇÊ××ÖĸҪ´óд£¬ÈçÏÂ
#HeaderBlock
.NavMenuRedButton
¡¾ÐÙÑÀÀûÃüÃû·¨¡¿
ÐÙÑÀÀûÃüÃû·¨£¬ÊÇÐèÒªÔÚÃû³ÆÇ°Ãæ¼ÓÉÏÒ»¸ö»ò¶à¸öСд×Öĸ×÷Ϊǰ
׺£¬À´ÈÃÃû³Æ¸ü¼ÓºÃÈÏ£¬¸üÈÝÒ×Àí½â£¬±ÈÈ磺
#head_navigation
.red_navMenuButton
ÒÔÉÏÈýÖÖ£¬Ç°Á½ÖÖ£¨ÂæÍÕÃüÃû·¨¡¢ÅÁ˹¿¨ÃüÃû·¨£©ÔÚÃüÃûCSSÑ¡ÔñÆ÷µÄʱºò±È½Ï³£Ó㬵±È»ÕâÈýÖÖÃüÃû·¨¿ÉÒÔ»ìºÏʹÓã¬Ö»ÐèÒª×ñÊØÓÐÒ»¸öÔÔò¾Í¿ÉÒÔ£¬¾ÍÊÇ“ÈÝ
Ò×Àí½â£¬ÈÝÒ×ÈÏ£¬·½±ãÐͬ¹¤×÷”¾ÍOKÁË£¬Ã»ÓбØҪǿµ÷ÊÇÄÇÖÖÃüÃû·¨¡£
ÒÔÏÂΪÓÚÒ³ÃæÄ£¿éµÄ³£ÓÃÃüÃû
Í·£ºheader
ÄÚÈÝ£ºcontent/container
β£ºfooter
µ¼
º½£ºnav
²àÀ¸£ºsidebar
À¸Ä¿£ºcolumn
Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper
×óÓÒÖУºleft
right center
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
¹ã¸æ£ºbanner
Ò³ÃæÖ÷Ì壺main
ÈÈ
µã£ºhot
ÐÂÎÅ£ºnews
ÏÂÔØ£ºdownload
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑ
Ë÷£ºsearch
ÓÑÇéÁ´½Ó£ºfriendlink
Ò³½Å£ºfooter
°æȨ£ºcopyright
¹ö¶¯£ºscroll
ÄÚ
ÈÝ£ºcontent
µ½Õâ½Ú¿Î£¬¶¼ÊÇCSS·Ç³£»ù´¡µÄ֪ʶ£¬ÊÇΪÁËÕÕ¹ËûÓÐÒ»µã»ù´¡µÄͬѧ£¬´ÓϽڿοªÊ¼£¬½«½éÉÜCSS²¼¾ÖÒ³Ãæ
ÖеĺÜÖØÒªµÄÁ½¸ö¸ÅÄҲÊDZØÐëÒªÕÆÎյĸÅÄÈç¹û²»ÄܺܺÃÀí½âµÄ»°ºóÃæÔÙ²¼¾ÖÒ³ÃæµÄʱºò¾Í»á³öÏֺܶàÎÊÌâ¡£
1£©ºÐ×ÓÄ£ÐÍ
2£©ÄÚÁ´ÔªËØVS¿é×´ÔªËØ
Ïà¹ØÎĵµ£º
CSSÒѾ³ÉΪÍøҳǰ¶ÎÉè¼ÆÒ»¸ö·Ç³£ÖØÒªµÄ²¿·Ö£¬ÓÉÓÚдCSSʱÐèÒª¿¼ÂǵÄÎÊÌâ·Ç³£¶à£¬ÀÏÊÖÃÇ´´½¨ÐÂÒ³ÃæÊÇͨ³£»áÑØÓÃÒÔÇ°µÄCSS¿ò¼Ü¡£µ«ÊÇÐÂÊÖûÓÐ×Ô¼ºµÄ¿ò¼Ü£¬ÕâƪÎÄÕ¿ÉÒÔ¸øÐÂÊÖÃÇһЩÆôʾ¡£
1.¼òµ¥µÄ´¿CSS Tooltip
ͨ¹ýÕâЩ´úÂ룬Äã¿ÉÒÔ×ö³ö¼òµ¥µÄTooltip¡£ÕâÊÇCSS
´úÂ룺
ÒÔÏÂΪÒýÓõÄÄÚÈÝ£º
a:hover { background: ......
Çø±ðspan div p Èý¸ö±êÇ©µÄÓ÷¨
spanºÍdivµÄ²»Í¬Ö®´¦ÔÚÓÚspanÊÇÄÚÁªµÄ£¬ÓÃÔÚһС¿éµÄÄÚÁªHTMLÖУ¬Ç°ºó²»¶ÏÐÐ.
divÔªËØÊǿ鼶µÄ£¨¼òµ¥µØ˵£¬ËüµÈͬÓÚÆäÇ°ºóÓжÏÐУ©£¬ÓÃÓÚ×éºÏÒ»´ó¿éµÄ´úÂë¡£
p(¶ÎÂä)ÔªËØÊǿ鼶µÄ,Ç°ºó¶ÏÐÐ,¶øÇÒ»¹ÒªÔÙ¸ôÒ»ÐÐ.Ï൱ÓÚ¶ÏÁ½ÐÐ.
<div> ¿É¶¨ÒåÎĵµÖеķÖÇø»ò½Ú£¨division ......
CSS hackÊÇÖ¸ÎÒÃÇΪÁ˼æÈݸ÷ä¯ÀÀÆ÷£¬¶øʹÓõÄÌرðµÄcss¶¨Òå¼¼ÇÉ¡£ÕâÊǹúÍâÕªÀ´µÄÒ»ÕÅCSS hackÁÐ±í£¬ÏÔʾÁ˸÷ä¯ÀÀÆ÷¶Ôcss hackµÄÖ§³Ö³Ì¶È£¬¶ÔÎÒÃÇÖÆ×÷¼æÈÝÍøÒ³·Ç³£ÓаïÖú¡£
ÆÁ±ÎIEä¯ÀÀÆ÷£¨Ò²¾ÍÊÇIEϲ»ÏÔʾ£© *:lang(zh) select {font:12px !important;} /*FF,OP¿É¼û£¬ÌرðÌáÐÑ£ºÓÉÓÚOpera×î½üµÄÉý¼¶£¬Ä¿Ç°´Ë¾äֻΪFF ......
XHTML
+CSS
ÓëSEO
µÄÄÚÈÝ£¬ºóÃæÕ½ڻáÏê
ϸ¸ø´ó¼Ò½éÉÜ£¬ÕâÀï¾ÍÏÈ˵һЩ£¬Èôó¼Ò¶ÔxHTML+CSSÓëSEOÓÐÒ»¶¨µÄÈÏʶ£¬ÎªºóÃæÖÆ×÷Ò³Ãæ´ò»ù´¡£¬±Ï¾¹ÎÒÃÇ×ö³öÀ´µÄÒ³Ã滹ÊÇÒª¸øËÑË÷ÒýÇæ
¿´µÄ£¬ËùÒÔ²»Äܲ»ÌáÌáxHTML+CSSÓëSEOµÄ¹Øϵ¡£
1)½«Ò³ÃæÖÐ×îÖØÒªµÄÄÚÈÝÓÃ
h1±êÇ©À¨ÆðÀ´£¬h1µÄÄÚÈݾͺÍÒ³ÃætitleºÜ×ÔÈ»µÄ°üº¬ÁËÕ¾µã»òÕßÒ³Ãæµ ......
±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæʱµÄÓÅÏȼ¶¡£
ʹÓÃxHTML
+CSS
²¼¾ÖÒ³Ã棬ÆäÖÐÓиöºÜÖØÒªµÄÌصã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵Ļ°£¬È˾ÍÊÇ
HTML£¬ÊÇÄ ......