Css ÈëÃÅѧϰ cssÏÂÀ²Ëµ¥ÖÆ×÷
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó±ê½»»¥ºóµÄλÖÃÒ»Ö¡£
×ÝÏòµ¼º½²Ëµ¥
ÎÒÃÇÏÈ¿´Ò»Ï´úÂë½á¹¹£º
<div id="nav">
<h1>CSS</h1>
<h2><a href="#">cssÈëÃÅ</a></h2>
<h2><a href="#">css½ø½×</a></h2>
<h2><a href="#">css¸ß¼¶</a></h2>
<h1>webUI</h1>
<h2><a href="#">ÀíÂÛ֪ʶ</a></h2>
<h2><a href="#">ʵսӦÓÃ</a></h2>
<h2><a href="#">¸ß¼¶¼¼ÇÉ</a></h2>
<h1>DOM</h1>
<h2><a href="#">DOMÈëÃÅ</a></h2>
<h2><a href="#">DOMÓ¦ÓÃ</a></h2>
<h2><a href="#">DOMÓëä¯ÀÀÆ÷</a></h2>
<h1>XHTML</h1>
<h2><a href="#">²Î¿¼ÊÖ²á</a></h2>
<h2><a href="#">½»Á÷ÂÛ̳</a></h2>
</div>
´ÓÒÔÉÏ¿ÉÒÔ¿´³ö£¬Õâ´ÎµÄXHTML²¿·ÖµÄ´úÂëºáÏò´úÂëÂÔÓв»Í¬£¬ÎÒÃÇûÓмÌÐøÊ¹ÓÃulºÍli±êÇ©£¬Æäʵ¼ÌÐøÊ¹ÓÃulÔªËØÒ²ÄÜÍêºÃµÄʵÏÖ×ÝÏòµ
Ïà¹ØÎĵµ£º
¡¡¡¡IE5¼°ÆäÒÔºó°æ±¾Ö§³ÖÔÚCSSÖÐʹÓÃexpression£¬ÓÃÀ´°ÑCSSÊôÐÔºÍJavas cript±í´ïʽ¹ØÁªÆðÀ´£¬ÕâÀïµÄCSSÊôÐÔ¿ÉÒÔÊÇÔªËØ¹ÌÓеÄÊôÐÔ£¬Ò²¿ÉÒÔÊÇ×Ô¶¨ÒåÊôÐÔ¡£¾ÍÊÇ˵CSSÊôÐÔºóÃæ¿ÉÒÔÊÇÒ»¶ÎJavas cript±í´ïʽ£¬CSSÊôÐÔµÄÖµµÈÓÚJavas cript±í´ïʽ¼ÆËãµÄ½á¹û¡£ ÔÚ±í´ïʽÖпÉÒÔÖ±½ÓÒýÓÃÔªËØ×ÔÉíµÄÊôÐԺͷ½·¨£¬Ò² ......
Ô¤¶ÁÄÚÈݶÔÓÚ²¿·ÖÍøËÙÂý£¬»òÕß¼ÓÔØÄÚÈݹý¶àµÄÒ³Ãæ£¬ÊǷdz£ÓÐЧµÄÌá¸ßÓѺó̶ȵķ½·¨¡£·ÀÖ¹³öÏÖÓÉÓÚÑùʽ±í£¬ºÍ¹Ø¼üͼƬ¼ÓÔØÖͺ󣬵¼ÖµÄÒ³Ãæ²¼¾Ö´íÂÒ£¬ÒÔ¼°¹Ø¼üͼƬ²»ÄÜÂíÉÏչʾ¡£
Ò²¿ÉÒÔ·ÀÖ¹ÓÉÓÚÒ³ÃæÐÅÏ¢¼ÓÔØ²»È«£¬µ¼ÖÂjs³ö´í¡£
¾¹ýÒ»·¬³¢ÊÔ£¬´Ë·½·¨¿ÉÒÔ¼æÈÝIE¼°ÆäËûä¯ÀÀÆ÷¡£
ÔÚIEÏÂ ÓÃ new Image().src
µÄÐÎʽ½øÐÐ ......
Íê³ÉÒÔϲ¿·Ö£º
1. Ê÷¿ÉÒÔ½ÓÊÜsingleXml¸ñʽºÍjsonÒÔ¼°jsonarray¸ñʽµÄÊý¾Ý£»
2. ¸´Ñ¡¿ò¹´Ñ¡ºÍÕÛµþ×Ó½ÚµãµÄÂß¼ÓÃdivǶÌ×À´ÊµÏÖ,ЧÂʸü¸ß;²¢ÌṩÁË¿ìËÙ»Ê÷µÄ·½·¨;(´æÔÚbug:¿ìËÙ»Ê÷ЧÂʲ¢²»¸ß,divǶÌ×ÓÐÎÊÌâ);
3.Ôö¼ÓÊ÷µÄÉî¶È this.depth ......
ÏÈÀ´¿´ÏÂposition¸÷ÊôÐԵĽâÊÍ
absolute
: Éú³É¾ø¶Ô¶¨Î»µÄÔªËØ£¬Ïà¶ÔÓÚ static ¶¨Î»ÒÔÍâµÄµÚÒ»¸ö¸¸ÔªËؽøÐж¨Î»¡£
ÔªËØµÄλÖÃͨ¹ý "left", "top", "right" ÒÔ¼° "bottom&q ......
<html>
<head>
<mce:style type = "text/css"><!--
table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}
--></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
......