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


Ïà¹ØÎĵµ£º

DIV + CSS ÈëÃÅ

Ò»¡¢Ê²Ã´ÊÇDIV+CSS£¿
“DIV + CSS” ÊÇ×îÐÂWEB±ê×¼µÄÒ»¸öµäÐ͵ÄÓ¦Óá£
Ò»°ãÀ´Ëµ£¬ÍøÒ³Ö÷ÒªÓÉÈý²¿·Ö×é³É£º½á¹¹£¨Structure£©¡¢±íÏÖ£¨Presentation£©ºÍÐÐΪ£¨Behavior£©µÈ¡£ ½á¹¹Ö÷Òª°üÀ¨ÀýÈçDIVÔÚÄÚµÄһϵÁеÄHTML(XHTML)±êÇ©£¬±íÏÖÖ÷Òª°üÀ¨CSS£¨²ãµþÑùʽ±í£ºCascading Style Sheets£©£¬ ÐÐΪÖ÷Òª°üÀ¨ÀýÈç¶ÔÏóÄ£ ......

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

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

CSS¹«ÓÃÎļþ

ÓÉÓÚ¸÷ä¯ÀÀÆ÷µÄĬÈÏCSSÑùʽ²»Ò»Ñù£¬ÎÒÃDZØÐëдһ¸öCSS ResetͳһÆðÀ´¡£
ͨ³£ÎÒµÄ×ö·¨ÊÇÔÚcommon.cssÀïдȫ¾Ö¿ØÖÆ£¬ÕâÀïÃæÒ²°üÀ¨headerºÍfooter£¬ÆäËüCSSÎļþ¾Íͨ¹ý@import url(”common.css”);ÒýÓá£
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Ari ......

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

³ÎÇåDIV+CSSÉè¼ÆµÄÎóÇø


µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾Í
ÒªÖսᣬÂíÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»
ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬ÄãÒª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõà ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ