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

CSS ѧϰ

¾ø¶Ô¶¨Î»µÄÔªËØµÄλÖÃÏà¶ÔÓÚ×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹ûÔªËØÃ»ÓÐÒѶ¨Î»µÄ׿ÏÈÔªËØ£¬ÄÇôËüµÄλÖÃÏà¶ÔÓÚ×î³õµÄ°üº¬¿é¡£
¶ÔÓÚ¶¨Î»µÄÖ÷ÒªÎÊÌâÊÇÒª¼ÇסÿÖÖ¶¨Î»µÄÒâÒå¡£ËùÒÔ£¬ÏÖÔÚÈÃÎÒÃǸ´Ï°Ò»ÏÂѧ¹ýµÄ֪ʶ°É£ºÏà¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”ÔªËØÔÚÎĵµÖеijõʼλÖ㬶ø¾ø¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹û²»´æÔÚÒѶ¨Î»µÄ׿ÏÈÔªËØ£¬ÄÇô“Ïà¶ÔÓÚ”×î³õµÄ°üº¬¿é¡£
×¢ÊÍ£º¸ù¾ÝÓû§´úÀíµÄ²»Í¬£¬×î³õµÄ°üº¬¿é¿ÉÄÜÊÇ»­²¼»ò HTML ÔªËØ¡£
 
Ìáʾ£ºÒòΪ¾ø¶Ô¶¨Î»µÄ¿òÓëÎĵµÁ÷Î޹أ¬ËùÒÔËüÃÇ¿ÉÒÔ¸²¸ÇÒ³ÃæÉÏµÄÆäËüÔªËØ¡£¿ÉÒÔͨ¹ýÉèÖà z-index ÊôÐÔÀ´¿ØÖÆÕâЩ¿òµÄ¶Ñ·Å´ÎÐò¡£
 
 
 
ÅÉÉúÑ¡ÔñÆ÷
li strong {
    font-style: italic;
    font-weight: normal;
  }
 
idÑ¡ÔñÆ÷
#red {color:red;}
#green {color:green;}
 
ÀàÑ¡ÔñÆ÷
.center {text-align: center}


Ïà¹ØÎĵµ£º

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 ......

JavaScript CSS StyleÊôÐÔ¶ÔÕÕ±í

JavaScript´úÂë
<mce:script type="text/javascript"><!--
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
// --></mce:script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmo ......

CSS sprites¼¼Êõ¼Ó¿ìÄúµÄÍøÕ¾(¼õÉÙÍøÕ¾HTTPÇëÇó)

       ¼õÉÙÍøÕ¾HTTPÇëÇóÕâÊǼӿìÍøÕ¾·ÃÎÊËٶȵĹؼü£¬¶øCSS sprites¼¼ÊõÊǰѶàÕÅͼÏñ×éºÏ³ÉÒ»ÕÅͼÏñ£¬ÕâÑùÓû§ÔÚ·ÃÎÊÍøÕ¾Ê±Ò»´ÎÐ԰ѶàÕÅͼƬ¼ÓÔØÍ꣬¶ø²»ÐèÒªÒ»ÕÅÕÅͼƬµÄ¼ÓÔØ£¬ÕâÑù¼õÉÙÁË×é¼þµÄÒ³Â룬½¨Á¢¸ü·á¸»µÄÄÚÈݵÄÍøÕ¾£¬Í¬Ê±Ò²È¡µÃÁË¿ìËٵķ´Ó¦
ʱ¼ä¡£
    &n ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ