µãµãµÎµÎ(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²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1.¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹ØÏµ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2.¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ}µÈ¡£¿ÉÒÔÀûÓà ......
µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾Í
ÒªÖսᣬÂíÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»
ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬ÄãÒª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõà ......
ÔÚǰ¶Ë¿ª·¢ÖУ¬ÎÒÃǾ³£Óöµ½ÕâÑùµÄÇé¿ö£º·þÎñÆ÷´«µ½Ç°¶ËµÄͼƬÐèÒªËõСÒÔÏÔʾ£¨ÈçÏ£©£¬ÔÚ½«ÆäËõ·ÅÖ®ºó£¬IEÖÐͼƬЧ¹û²»ÈÝÀÖ¹Û¡£
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7Ö§³Ö×Ô¶¨ÒåË«Èý´Î&ldq ......
Css³£ÓÃÊôÐÔ£º
1. color, background-color£º±íʾÑÕÉ«µÄ¹Ø¼ü×Ö£¬16½øÖÆÊý£¨http://www.clagnut.com/blog/260ÖÐÌṩµÄcolor
scheme¹¤¾ß£©
2. font-family£º¸ÃÊôÐÔµÄÖµ¿ÉÒÔÊÇÒ»×é×ÖÌ壬°´Ï²»¶³Ì¶ÈÅÅÐòµÄ×ÖÌåÁÐ±í¡£Ò»Ð©ÖÐÎÄ×ÖÌåµÄÁÐ±í£º
WindowsµÄһЩ£º
·
ÐÂ ......
CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓ ......