div+css(Ò»)
ÍøÒ³Éè¼ÆDIV+CSSÔªËØ½âÎö£¬<head>²¿·Öǰ£º
£¨Ò»£© DOCTYPE ºÍDTD
ÓÃDWн¨ÍøÒ³Ê±£¬×Ü»áÉú³ÉÒ»¾ä
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Õâ¾äÊÇDOCTYPEÉùÃ÷£¬DOCTYPEÊÇdocument type(ÎĵµÀàÐÍ)µÄ¼òд£¬ÓÃÀ´ËµÃ÷ÄãÓõÄXHTML»òÕßHTMLÊÇʲô°æ±¾¡£ÆäÖеÄDTD(ÀýÈçÉÏÀýÖеÄxhtml1-transitional.dtd)½ÐÎĵµÀàÐͶ¨Ò壬ÀïÃæ°üº¬ÁËÎĵµµÄ¹æÔò£¬ä¯ÀÀÆ÷¾Í¸ù¾ÝÄ㶨ÒåµÄDTDÀ´½âÊÍÄãÒ³ÃæµÄ±êʶ£¬²¢Õ¹ÏÖ³öÀ´¡£
Òª½¨Á¢·ûºÏ±ê×¼µÄÍøÒ³£¬DOCTYPEÉùÃ÷ÊDZز»¿ÉÉٵĹؼü×é³É²¿·Ö£»³ý·ÇÄãµÄXHTMLÈ·¶¨ÁËÒ»¸öÕýÈ·µÄDOCTYPE£¬·ñÔòÄãµÄ±êʶºÍCSS¶¼²»»áÉúЧ¡£ XHTML 1.0 ÌṩÁËÈýÖÖDTDÉùÃ÷¿É¹©Ñ¡Ôñ£º
¹ý¶ÉµÄ(Transitional):ÒªÇó·Ç³£¿íËɵÄDTD£¬ËüÔÊÐíÄã¼ÌÐøÊ¹ÓÃHTML4.01µÄ±êʶ(µ«ÊÇÒª·ûºÏxhtmlµÄд·¨)¡£ÍêÕû´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ÑϸñµÄ(Strict):ÒªÇóÑϸñµÄDTD£¬Äã²»ÄÜʹÓÃÈκαíÏÖ²ãµÄ±êʶºÍÊôÐÔ£¬ÀýÈç<br>¡£ÍêÕû´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
¿ò¼ÜµÄ(Frameset):רÃÅÕë¶Ô¿ò¼ÜÒ³ÃæÉè¼ÆÊ¹ÓõÄDTD£¬Èç¹ûÄãµÄÒ³ÃæÖаüº¬Óпò¼Ü£¬ÐèÒª²ÉÓÃÕâÖÖDTD¡£ÍêÕû´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
£¨¶þ£© XHTML namespace
ÔÚDOCTYPEÉùÃ÷Ö®ºóÊÇ<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">£¬xmlnsÊÇXML namespaceµÄËõд£¬Ãû×Ö¿Õ¼äµÄÒâ˼£¬Í¨Ë׵ĽâÊÍÊÇ£ºÃû×Ö¿Õ¼ä¾ÍÊǸøÎĵµ×öÒ»¸ö±ê¼Ç£¬¸æËß±ðÈË£¬Õâ¸öÎĵµÊÇÊôÓÚ˵ġ£Ö»²»¹ýÕâ¸ö"Ë"ÓÃÁËÒ»¸öÍøÖ·À´´úÌæ¡£ XHTMLÊÇHTMLÏòXML¹ý¶ÉµÄ±êʶÓïÑÔ£¬ËüÐèÒª·ûºÏXMLÎĵµ¹æÔò£¬Òò´ËÒ²ÐèÒª¶¨ÒåÃû×ֿռ䡣ÓÖÒòΪXHTML1.0²»ÄÜ×Ô¶¨Òå±êʶ£¬ËùÒÔËüµÄÃû×ֿռ䶼Ïàͬ£¬¾ÍÊÇhttp://www.w3.org/1999/xhtml
£¨Èý£© ¶¨ÒåÓïÑÔ±àÂë
<meta http-equiv="Content-Type" content="text/ht
Ïà¹ØÎĵµ£º
CSSÑ¡ÔñÆ÷¿ÉÒÔ׼ȷµÄ²éÕÒµ½Ö¸¶¨µÄ±êÇ©£¬Ê¹ÓÃCSSÑ¡ÔñÆ÷¿ÉÒÔʹÎÒÃÇ·½±ãΪ±êÇ©¶¨ÒåCSSÑùʽ£¬¶ø²»ÓÃΪÿ¸ö±êÇ©¶¼¶¨ÒåCSSÑùʽ¡£
ÏÂÃæÎÒÃǽ²Ò»ÏÂ×î³£ÓõÄÎåÖÖCSSÑ¡ÔñÆ÷£º
Ò»¡¢±êǩѡÔñÆ÷£ºÍ¨³£ÓÃËüÀ´²éÕÒHTMLÖеÄijһÖÖ±êÇ©¡£
ÀýÈ磺
ҪΪHTMLÖеÄËùÓÐP±êÇ©Éè¼ÆÑùʽ£¬¿ÉÒÔʹÓÃÏÂÃæµÄ·½·¨
p { font:12px;}
¶þ¡¢idÑ¡ÔñÆ÷£º Í ......
ËäÈ»CSSÑùʽµÄѧϰÐèÒªÎÒÃǶ¯ÊÖ¶àʵ¼ù£¬ÐèÒª¶à×ö°¸Àý£¬Ë¼ÖÂ˼¿¼£¬µ«ÓÐʱºò×¢Òâ×ÊÁϵÄÊÕ¼¯ÓëÕûÀíÒ²ÊǷdz£ÖØÒªµÄ£¬ÔÚʵ¼Ê¿ª·¢ÖÐÍùÍù»áÆðµ½Ê°빦±¶µÄЧ¹û¡£ÏÂÃæÒ»Ð©¹ØÓÚ°´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÄ³£ÓÃCSSÑùʽ¡£´ó¼Ò¿ÉÒԲο¼¡£
Ò»¡¢°´Å¥Ñùʽ
.buttoncss {
font-family: "tahoma", "ËÎÌå" ......
僞Àà ÒâÒå
:first-child µÚÒ»¸öº¢×ÓÔªËØ
:first-line&nb ......
ÔÎÄÍøÖ·£ºhttp://www.complexspiral.com/publications
Containing Floats
As powerful and useful as they are, floats can make for tricky layout tools. Chances are that you may have seen something like the situation shown in Figure 1, which is accomplished with just two div elements, each with a floate ......
jQuery, MooTools, Prototype µÈÓÅÐãµÄ JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØÊµÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£ 1. Flot Flot ......