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

ƯÁÁµÄCSS + XHTMLµ¼º½²Ëµ¥


Äã´ó¸ÅÖªµÀ£º¶ÔÓÚÒ»¸öеķÃÎÊÕßÀ´Ëµ£¬ËûÔÚ×î³õ20ÃëÄÚÓëÄ³ÍøÕ¾µÄ»¥¶¯Çé¿ö£¬¾ö¶¨ÁËËûÊÇ·ñ»áÁôÔÚÕâ¸öÍøÕ¾×ö½øÒ»²½µÄ̽Ë÷£¬»¹ÊÇÑﳤ¶øÈ¥¡£Õâ¾ÍÒâζ×Å£¬ÔÚÉè¼ÆÍøÒ³µÄʱºò£¬Äã±ØÐë×ñÑ­Ò»¶¨µÄ¹æÂÉÀ´Áôס·ÃÎÊÕß¡£¼òµ¥µÄ˵£¬¾ÍÊǰÑËùÓеÄÍøÒ³ÔªËØ·ÅÔÚ·ÃÎÊÕßËùÆÚ´ýµÄλÖ᣽øÐдËÉè¼ÆµÄÒ»¸öÖØÒª¶øÓÐЧµÄ²¿·Ö£¬¾ÍÊÇÕûÒ»¸öÒ×ÓÚʹÓõĵ¼º½²Ëµ¥¡£
±¾ÎĽ«ÊÖ°ÑÊÖ´øÁìÄúÔÚjQueryµÄ°ïÖúÏ£¬ÖÆ×÷Ò»¸öƯÁÁµÄCSS + XHTMLµ¼º½²Ëµ¥¡£
Home
Services
Our clients
The team
About us
Contact us
µÚÒ»²½£ºHTML
<div id="menu-container">
<ul id="navigationMenu">
<li><a href="#" mce_href="#" class="normalMenu">Home</a></li>
<li><a href="#" mce_href="#" class="normalMenu">Services</a></li>
<li><a href="#" mce_href="#" class="selectedMenu">Our clients</a></li>
<li><a href="#" mce_href="#" class="normalMenu">The team</a></li>
<li><a href="#" mce_href="#" class="normalMenu">About us</a></li>
<li><a href="#" mce_href="#" class="normalMenu">Contact us</a></li>
</ul>
</div>

ºÇºÇ£¬Õâ´úÂë¼òµ¥°É£¿Æäʵ¾ÍÊÇÒ»¸ö ul
+ li
µÄ½á¹¹¡£Ò»Ä¿ÁËÈ»¡£Èç¹ûÄúÏë¼ÓÒ»Ï¼õÒ»Ï»òÊÇ»»¸ö²Ëµ¥Á´½Ó£¬¾Í¶Ô×Å li
ºÍ a
±êÇ©ÏÂÊ־ͳɡ£àÅ£¬Î¨Ò»ÐèҪעÒâµÄ¾ÍÊÇ£¬ÔõôÉ趨һ¸öµ±Ç°£¨»òÑ¡¶¨£©µÄ²Ëµ¥Ïî¡£ÈçÉÏÃæ´úÂ룬Äú¾Í°Ñ a
µÄ class ÉèΪ “selectedMenu” ¼´¿É£¨Èç´úÂëÖÐµÄ Our clients Ï¡£


Ïà¹ØÎĵµ£º

IEÓëFirefoxµÄCSS¼æÈÝ

CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡³£¼û¼æÈÝÎÊÌ⣺
¡¡¡¡1.DOCTYPE
Ó°Ïì CSS ´¦Àí
¡¡¡¡2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE
²»ÐÐ
¡¡¡¡3.FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ
m ......

CSSÑùʽ²âÊÔ

'################################################
'##  ¹¦    ÄÜ£º»ñÈ¡ÎļþÃû                      ##
'##  ÊäÈë²ÎÊý£ºÎļþ·¾¶       &nb ......

¡¾CSS¡¿CSS Éè¼Æ¼¼ÇÉ£¨×ª£©

Ò».ʹÓÃcssËõд
ÒýÓÃÄÚÈÝ£º
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÈçÏ£º
ÑÕÉ«
16½øÖƵÄÉ«²ÊÖµ£¬Èç¹ûÿÁ½Î»µÄÖµÏàͬ£¬¿ÉÒÔËõдһ°ë£¬ÀýÈ磺
#000000¿ÉÒÔËõдΪ#000;#336699¿ÉÒÔËõдΪ#369;
ºÐ³ß´ç
ͨ³£ÓÐÏÂÃæËÄÖÖÊéд·½·¨:
property:value1; ±íʾËùÓб߶¼ÊÇÒ»¸öÖµvalue1£»
proper ......

Óà CSS ʵÏÖÎı¾¹ý³¤Ê±£¬Ê¡ÂԺš°¡­¡­¡±ÏÔʾЧ¹û¡£


Html´úÂë 
view plaincopy to clipboardprint?  
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">    
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔÊ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ