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

CSSÖг£ÓõÄʵÀý

¼¸¸öcssÔªËØµÄ¼òµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2……
3……
ul ÎÞÐòÁÐ±í£¬±íÏÖΪliÇ°ÃæÊÇ´óÔ²µã¶ø²»ÊÇ123
<ul>
<li>……</li>
<li>……</li>
</ul>
ºÜ¶àÈËÈÝÒ׺öÂÔ dl dt ddµÄÓ÷¨
dl ÄÚÈÝ¿é
dt ÄÚÈÝ¿éµÄ±êÌâ
dd ÄÚÈÝ
¿ÉÒÔÕâôд£º
<dl>
<dt>±êÌâ</dt>
<dd>ÄÚÈÝ1</dd>
<dd>ÄÚÈÝ2</dd>
</dl>
dt ºÍddÖпÉÒÔÔÙ¼ÓÈë ol ul liºÍp
Àí½âÕâЩÒÔºó£¬ÔÚʹÓÃdiv²¼¾ÖµÄʱºò£¬»á·½±ãºÜ¶à£¬w3cÌṩÁ˺ܶàÔªËØ¸¨Öú²¼¾Ö
´úÂ뾫¼ò
¡¡¡¡Ê¹ÓÃDIV CSS²¼¾Ö£¬Ò³Ãæ´úÂ뾫¼ò£¬ÕâÒ»µãÏàÐŶÔXHTMLÓÐËùÁ˽âµÄ¶¼ÖªµÀ¡£´úÂ뾫¼òËù´øÀ´µÄÖ±½ÓºÃ´¦ÓÐÁ½µã£ºÒ»ÊÇÌá¸ßspiderÅÀÐÐЧÂÊ£¬ÄÜÔÚ×î¶ÌµÄʱ¼äÄÚÅÀÍêÕû¸öÒ³Ãæ£¬ÕâÑù¶ÔÊÕ¼ÖÊÁ¿ÓÐÒ»¶¨ºÃ´¦;¶þÊÇÓÉÓÚÄܸßЧµÄÅÀÐУ¬¾Í»áÊܵ½spiderϲ»¶£¬ÕâÑù¶ÔÊÕ¼ÊýÁ¿ÓÐÒ»¶¨ºÃ´¦¡£
¡¡¡¡±í¸ñµÄǶÌ×ÎÊÌâËÑË÷ÒýÇæÒ»°ã²»×¥È¡Èý²ãÒÔÉϵıí¸ñǶÌ×£¬ÕâÒ»µãһֱûÓеõ½ËÑË÷ÒýÇæ¹Ù·½µÄ֤ʵ¡£Îҵļ¸ÏîʵÑé½á¹ûûÓÐÍêÈ«³öÀ´£¬µ«¸ù¾ÝÄ¿Ç°ÕÆÎÕµÄÇé¿öÀ´¿´£¬spiderÅÀÐÐTable²¼¾ÖµÄÒ³Ãæ£¬Óöµ½¶à²ã±í¸ñǶÌ×ʱ£¬»áÌø¹ýǶÌ×µÄÄÚÈÝ»òÖ±½Ó·ÅÆúÕû¸öÒ³Ãæ¡£
¡¡¡¡Ê¹ÓÃTable²¼¾Ö£¬ÎªÁË´ïµ½Ò»¶¨µÄÊÓ¾õЧ¹û£¬²»µÃ²»Ì×Óöà¸ö±í¸ñ¡£Èç¹ûǶÌ׵ıí¸ñÖÐÊǺËÐÄÄÚÈÝ£¬spiderÅÀÐÐÊ±Ìø¹ýÁËÕâÒ»¶ÎûÓÐץȡµ½Ò³ÃæµÄºËÐÄ£¬Õâ¸öÒ³Ãæ¾Í³ÉÁËÏàËÆÒ³Ãæ¡£ÍøÕ¾Öйý¶àµÄÏàËÆÒ³Ãæ»áÓ°ÏìÅÅÃû¼°ÓòÃûÐÅÈζȡ£
¡¡¡¡¶øDIV CSS²¼¾Ö»ù±¾Éϲ»»á´æÔÚÕâÑùµÄÎÊÌ⣬´Ó¼¼Êõ½Ç¶ÈÀ´Ëµ£¬XHTMLÔÚ¿ØÖÆÑùʽʱҲ²»ÐèÒª¹ý¶àµÄǶÌס£ËÑË÷ÒýÇæÓÅ»¯¼°ÓªÏú¶¼ÊǷdz£ÓÐÀûµÄ¡£ËÑË÷ÒýÇæ±íʾÅÅÃû¹æÔò»áÇãÏòÓÚ·ûºÏW3C±ê×¼µÄÍøÕ¾»òÒ³Ãæ£¬µ«ÊÂʵ֤Ã÷ʹÓÃXTHML¼Ü¹¹µÄÍøÕ¾ÅÅÃû×´¿öÒ»°ã¶¼²»´í¡£ÕâÒ»µã»òÐí»áÓÐÕùÒ飬µ«樂˼Êñ±¾È˱£³ÖÕâÑùµÄ¹Ûµã£¬ÓÐÒìÒéÕß¿ÉÒÔÄÃÈý×éÒÔÉÏ»ù±¾Í¬µÈÖÊÁ¿µÄÍøÕ¾¶Ô±È¹Û²ì¡£ÄÚÈÝÀ´×ÔÖйúÕ¾³¤×ÊÑ¶Íø(www.chinahtml.com)
¡¡¡¡ÎÒÏ룬ÕâÑùµÄÇé¿ö¿ÉÄܲ»ÊÇÅÅÃû¹æÔò£¬×î´óµÄ¿ÉÄÜ»¹ÊÇspiderÅÀÐÐÍøÕ¾Ê±£¬³öÏÖÒÔÉϲîÒìµ¼ÖÂÊÕ¼ÖÊÁ¿µÄ²»Í¬¡£
¡¡¡¡±Ï¾¹ÁÎʤÓÚÎÞ£¬½¨Ò齨վ»ò¸Ä°æµÄÅóÓÑÃÇ£¬


Ïà¹ØÎĵµ£º

ͨ¹ýÊ¹Ò³Ãæ¶¯Ì¬¼ÓÔØ²»Í¬CSSʵÏÖ¶à½çÃæ

 Í¨¹ýÊ¹Ò³Ãæ¶¯Ì¬¼ÓÔØ²»Í¬CSSʵÏÖ¶à½çÃæ
·½·¨Ò»:
<%@page language="C#"%>
<%@import namespace="System.Data"%>
<script language="c#" runat="server">
public void page_load(Object obj,EventArgs e)
{
//´´½¨·þÎñÆ÷¶Ë¿Ø¼þ.
//Ö¸¶¨µÄ±ê¼Ç"LINK"³õʼ»¯´ËÀàµÄÐÂʵÀý.
HtmlGeneric ......

¶¯Ì¬¸Ä±äÒ³ÃæµÄCSSÑùʽ

ÔÚasp.netÖУ¬ÓеÄʱºòÒª¶¯Ì¬±ä»»CSS£¬±ÈÈçÓеÄʱºò×ö¸öÐÔ»¯Ò³Ã棬¿ÉÒÔÕâÑù×ö
<head>
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
</head>
Ö®ºó£¬ÔÚÒª¸ü»»CSSµÄÒ³ÃæÖУ¬Ê¹ÓÃÈçÏ´úÂë
Sub Page_Load(Sender As Object, E As EventArgs)
 If Not (IsPostBack) ......

Div+CSSÔÚÍøÕ¾Éè¼ÆµÄÓÅÊÆ

    1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾; 
    2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo 
    3.Ëõ¶Ì¸Ä°æÊ±¼ä¡£Ö»Òª¼òµ¥µÄÐ޸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏÇ§Ò³ÃæµÄÕ¾µã¡£ 
    4.Ç¿´óµ ......

¼¸¸ödiv+cssͼƬ¹ö¶¯ÏÔʾµÄ´úÂë

ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......

CSSÖдæÔÚµÄBUG

1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ 
vertical-align:middle; 
½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; 
È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐС£
2. margin¼Ó±¶µÄÎÊÌâ     
ÉèÖÃΪfloatµÄdivÔÚieÏÂÉèÖõÄmargin»á¼Ó±¶¡£ÕâÊÇÒ»¸öie6¶¼´æÔÚµÄbug¡£
½â¾ö·½°¸ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ