Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ÏÂÀ­²Ëµ¥

ÕâÊÇÒ»¸ö±ê×¼µÄCSSÏÂÀ­²Ëµ¥ÖÆ×÷½Ì³Ì£¬ÓÐÕë¶ÔĿǰÁ÷ÐеÄIE6/IE7/IE8²»Í¬°æ±¾µÄCSS´úÂ룬Òò´Ë¿ÉÒÔÔÚIEÖ®¼äÍêÈ«¼æÈÝ£¬²»¹ýÆäËüµÄä¯ÀÀÆ÷Ïñ»ðºü/GGä¯ÀÀÆ÷Ö®ÀàµÄûÓвâÊÔ£¬Èç¹û¼æÈÝIE8µÄ»°£¬ÄÇô¼æÈÝ»ðºüÓ¦¸ÃÎÊÌâ²»´ó°É¡£²Ëµ¥Ê¹ÓÃÀ¶É«»ùµ÷£¬»¬Ïò¶þ¼¶²Ëµ¥¸ü»»±³¾°£¬²Ù×÷µÄ¸Ð¾õºÜÊæ·þ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......

CSSʵÏÖÔ²½ÇµÄ 25 ÖÖ¼¼ÇÉ·ÖÏí

Ô­ÎĵØÖ·£ºhttp://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......

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

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

javascript ¿ØÖÆcss js¿ØÖÆ clss


ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......

תµÄ:PNGÔÚIE6ÏÂ͸Ã÷µÄcss½â¾ö·½°¸


ie6²¢²»ÊDz»Ö§³Öpng£¬ËüÖ§³ÖË÷ÒýÑÕÉ«µÄPNG-8£¬¶øÊDz»Ö§³ÖRGBÑÕÉ«µÄPNG-24¡£
ie6ÀïµÄPNG-24ͼƬ×ö±³¾°Ö÷ÒªÓÐÒÔϼ¸¸öÎÊÌ⣺
Ò»¡¢ie6Àïpng±³¾°Í¸Ã÷ÎÊÌ⣺½â¾ö°ì·¨ÓÃÂ˾µ¡£Õâ¸öÒ»°ã¸ßÊÖÃǶ¼ÖªµÀ¡£
×¢Ò⣺src Õâ¸ö·¾¶ÊÇÖ¸¼ÓÔØÂ˾µµÄÒ³ÃæÏà¶ÔÓÚͼƬµÄ·¾¶£¬¶ø²»ÊÇcssÎļþÏà¶ÔÓÚͼƬµÄ·¾¶¡£Õâ¸úÒ»°ãµÄͼƬ¼ÓÔØÓÐÇø±ð¡£
fi ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ