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

µãµãµÎµÎ(CSS)

CSS important
    .dialog{margin:4px !important;margin:1px;} /* IEÒÔ×îºó³öÏÖµÄΪ׼, Firefox|Opera|SafariÒÔ!importantΪ׼ */
CSS DIV°ë͸Ã÷
    filter: alpha(opacity=50); /*IEÖ§³Ö(·¶Î§0-100)*/
    opacity: 0.50; /*·ÇIEÖ§³Ö(·¶Î§0-1)*/
    visibility: visible; /*ÊÇ·ñ¿É¼û[visible|hidden](IE/Firefox¶¼Ö§³Ö)*/
CSS ÊÖÐÎÊó±ê
    cursor:pointer;
É趨ͼÐÎÉÏÏÂ×óÓÒÁô¿Õ
    <img src="ͼÐÎÎļþÃû" vspace="ÉÏÏÂÁô¿ÕµãÊý" hspace="×óÓÒÁô¿ÕµãÊý">
inputµÄͼÏñ±êÇ©
    <input type="image" src="image.gif" alt="Submit">
accesskeyºÍtabindexÊôÐÔ
    ÍøÕ¾Òª¼æ¹Ë¸ü¶àÇé¿öϵÄʹÓ㬱ÈÈçûÓйâ±êÉ豸£¨ÈçÊó±ê£©µÄÇé¿öÏ£¬ÒªÈÃʹÓüüÅ̲Ù×÷Ò²¿ÉÒÔÍê³ÉformµÄÌîд£¬Õâʱºòµã»÷¶ÔÓÚËüÃÇÀ´Ëµ£¬ÒѾ­Ã»ÓÐÈκÎÒâÒå¡£ÎÒÃÇÕâ¸öʱºòÑ¡ÓÃlabelµÄaccesskey£¨¿ì½Ý¼ü£¬IEÏÂΪalt+accesskeyÊôÐÔÖµ£¬FFÏÂΪalt+shift+accesskeyÊôÐÔÖµ£©ºÍtabindexÊôÐÔ£¨Tab¼ü£¬tabindexÊôÐÔֵΪ˳Ðò£©Ìí¼Óµ½±íµ¥±êÇ©ÉÏ£¬Èçlabel£¬inputµÈ¡£
    <label for="fname">First name:</label>
    <input type="text" id="fname" name="fname" value="" accesskey="f" tabindex="1">
    »ò£º<label for="name">ÐÕÃû(<u>N</u>)£º</label><input type="text" id="name" accesskey="n">
    <input type="radio" id="man" name="gender" value="1"><label for="man" accesskey="m">ÄÐ(<u>M</u>)</label>
    <input type="radio" id="woman" name="gender" value="2"><label for="woman" accesskey="w">Å®(<u>W</u>)</label>
button±êÇ©
    °´Å¥:ÔÚbuttonÔªËØÄÚÄã¿ÉÒÔ·ÅÖÃÄÚÈÝ, ÏñÎı¾(text)»òÕßͼƬ(images). ÕâÊÇÕâ¸öÔªËغÍinputÔªËØ°´Å¥µÄÇø±ð.
    buttonÏà¶ÔÓÚinputÌṩÁ˸ü¶àµÄ¹¦ÄÜÓë¸ü·á¸»µÄÄÚÈÝ. button½«°´Å¥ÎÄ×Öµ¥¶À³öÀ´, ²¢ÇÒ¿ÉÒÔÔÚbuttonÄÚÌí¼ÓͼƬ, ¸³ÓèÎÄ×ÖºÍͼƬ¸ü¶àÑ¡ÔñµÄÑùʽ, ʹÉúÓ²µÄ°´Å¥±äµÃ¸üÉú¶¯.
    ²¢ÇÒʹÓÃbutton±êÇ©½«±Èinput°´Å¥À´µÃ¸üÓ


Ïà¹ØÎĵµ£º

CSS ¾ø¶Ô¶¨Î»Ñ§Ï°

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......

´¿CSSÖÆ×÷Èý¼¶²Ëµ¥,¿ÉÀ©Õ¹ÎÞÏÞ


×¢Ã÷£ºÈç¹ûÒªÏëÒªÔÚIE6ÎÞÏÞ¼¶µÄ»°ÐèҪд¶àһЩJS£¬ÆäËûÓÎÀÀÆ÷¶¼¿ÉÒÔʹÓÃͬ¶Îjs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equ ......

15¸öÄã±ØÐëÖªµÀµÄCSS³£Ê¶

1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔ­Òò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×ÊÔ´¡£
3 ......

³ÉΪһÁ÷CSSÉè¼ÆʦµÄ8´ó¼¼ÇÉ

CSSÊÇÒ»¸ö·Ç³£Ç¿´óµÄÍøÕ¾Éè¼Æ±ê¼ÇÓïÑÔ¡£
¡¡¡¡
¡¡¡¡ËäÈ»Äã¿ÉÄÜ»áÈÏΪ£¬ÈκÎÈ˶¼¿ÉÒÔתȥдCSS´úÂ룬µ«ÊÇΪÁËÈ·±£ÄúÔÚÕýÈ·µÄ¹ìµÀÉÏ£¬ÕâÀïÓÐÈçÏÂ8Ïî
CSSÔ­Ôò£¬Ã¿¸öÍøÒ³Éè¼ÆʦӦ¸Ã×ñÑ­¡£
¡¡¡¡
¡¡¡¡1¡¢W3CÑéÖ¤
¡¡¡¡
¡¡¡¡Èç¹ûÄãÊÇ1¸öÕýÔÚдCSS±àÂëµÄÈËÔ±£¬ÄÇô½¨ÒéÄúÿ´Î¶ÔÄúËù´´½¨µÄCSS´úÂë½øÐÐÑéÖ¤¡£µ«ÊÇ£¬ÓкܶàÉè
¼ÆÊ ......

DIV CSSÉè¼ÆʱIE6/IE7/FF ¼æÈÝÐÔÎÊÌâ½â¾öƪ

ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌ⣬ÌرðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍø£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÂÒ¿ÉÄܳöÈ¥²»Ïë³öÏÖµÄЧ¹û£¡
ËùÓÐä¯ÀÀÆ÷ ͨÓÃ
height: 100px;
IE6 רÓÃ
_height: 100px;
IE6 רÓÃ
*height: 100px;
IE7 רÓÃ
*+height: 100px;
IE7¡¢FF ¹²ÓÃ
height ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ