Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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£©£¬ ÐÐΪÖ÷Òª°üÀ¨ÀýÈç¶ÔÏóÄ£ ......

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µÄºÐ×Óģʽ(Box Model)

      CSS ÖÐÓиöÖØÒªµÄ¸ÅÄ¾ÍÊǺÐ×Óģʽ(Box model)¡£
      ºÐ×ÓÀïÓÉÀïÖÁÍâÒÀ´ÎÊÇ£º
content ÄÚÈÝ(±ÈÈçÎı¾¡¢Í¼Æ¬µÈ)
padding Äڱ߾à
border ±ß¿ò
margin Íâ±ß¾à
      paddingÊôÐÔÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߿òµÄ¾àÀë¡£
   ......

CSS³£ÓÃÊôÐÔ

Css³£ÓÃÊôÐÔ£º
1. color, background-color£º±íʾÑÕÉ«µÄ¹Ø¼ü×Ö£¬16½øÖÆÊý£¨http://www.clagnut.com/blog/260ÖÐÌṩµÄcolor
scheme¹¤¾ß£©
2. font-family£º¸ÃÊôÐÔµÄÖµ¿ÉÒÔÊÇÒ»×é×ÖÌ壬°´Ï²»¶³Ì¶ÈÅÅÐòµÄ×ÖÌåÁÐ±í¡£Ò»Ð©ÖÐÎÄ×ÖÌåµÄÁÐ±í£º
WindowsµÄһЩ£º
·        
ÐÂ&# ......

HTML,CSS±à¼­Æ÷:Crescent Eve

Crescent Eve(http://www.kashim.com/eve/
)ÊÇÃâ·ÑµÄHTML,CSSµÄ±à¼­Æ÷.
ºÍ¼Çʱ¾ÀàËÆ,·Ç³£¼ò½à.
Ö÷ÒªÓÐÒÔÏÂ4¸ö¹¦ÄÜ
   HTMLµÄtagÊäÈëÌáʾ
   tagÊôÐÔµÄÊäÈëÌáʾ
   HTMLµÄÓï·¨¼ì²é
   HTMLÔ¤ÀÀ
Ôڱ༭HTML»­Ãæʱ·Ç³£ÓÐÓÃ.
Crescent EveÊǷdz£Ð¡µÄÒ»¸ö±à¼­Æ÷,²Ù×÷Ò²·Ç³£¼ò ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ