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
Ïà¹ØÎĵµ£º
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS´úÂëʵÏÖµÄ×Ô¶¯·ÖҳЧ¹û~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......
¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......
<div class="llist" >
<div class="lbar">¶¨ÏòÓªÏú</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*»®¶¯¿éͼƬƤ·ô*/
thumbDownSkin: Embed(source="scrollBar/thumb. ......
IEºÍ»ðºüµÄcss¼æÈÝÐÔÎÊÌâ¹é×Ü
¡¡¡¡CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡1¡¢DOCTYPE Ó°Ïì CSS ´¦Àí
¡¡¡¡2¡¢FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
¡¡¡¡3¡¢FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: aut ......