cssµÄαÀà
<html>
<head>
<title>CSSαÀà pseudo-class</title>
<style type="text/css">
a:link {color: #FF0000} /* δ±»·ÃÎʵÄÁ´½Ó ºìÉ« */
a:visited {color: #00FF00} /* Òѱ»·ÃÎʹýµÄÁ´½Ó ÂÌÉ« */
a:hover {color: #FFCC00} /* Êó±êÐü¸¡ÔÚÉϵÄÁ´½Ó ³ÈÉ« */
a:active {color: #0000FF} /* Êó±êµãÖ줻îÁ´½Ó À¶É« */
</style>
</head>
<body>
<a href = www.google.cn>Google</a>
</body>
</html>
Ïà¹ØÎĵµ£º
CSSÓï·¨ (²»Çø·Ö´óСд) ¡¡¡¡JavaScriptÓï·¨ (Çø·Ö´óСд)
border ¡¡¡¡border
border-bottom ¡¡¡¡borderBottom
border-bottom-color ¡¡¡¡borderBottomColor
border-bottom-style¡¡¡¡ borderBottomStyle
border-bottom-width ¡¡¡¡borderBottomWidth
border-color ¡¡¡¡borderColor
border-left ¡¡¡¡borderLeft ......
positionÊôÐÔÆäʵÊÇÖ¸±¾Ìå¶ÔÉϼ¶µÄ¶¨Î»¡£Èç¹ûÕâôÀí½â£¬¾ÍºÃ°ìÁË¡£
ĬÈϵÄÊôÐÔÖµ¶¼ÊÇstatic£¬¾²Ì¬¡£¾Í²»Óöà˵ÁË¡£×î¹Ø¼üµÄÊÇ
relative£¨Ïà¶Ô£©ÒÔ¼°absolute£¨¾ø¶Ô£©¡£
ÍùÍùÎÒÃÇÈç¹ûÊÇCOPY±ðÈ˵ĴúÂ룬»á°ÑabsoluteÊôÐÔÓëleft¡¢topÅäºÏÆðÀ´ÖÆ×÷Ïà¹ØµÄ“Ðü¸¡²ã”Ч¹û¡£È»¶øÓÐʱºòÎÒÃÇÐèÒªÕë¶Ôijһ¸öÈÝÆ÷µÄÐü¸¡Ð ......
Ò»ÄêÀïÓöµ½µÄcssÎÊÌâ×ܽáһϣº
µ½ÏÖÔÚ·¢ÏÖÓÃhackÔ½¶àÖ¤Ã÷ÄãµÄˮƽԽ²î£¬Ä¿Ç°Ð´µÄ´úÂ뼸ºõûÓÐÓõ½ÕâЩ½â¾ö·½·¨ÁË¡£µ«ÊÇ»°Ëµ»ØÀ´Ö»ÓÐÓöµ½ÎÊÌâ²¢ÇÒ½â¾ö²ÅÄÜ×îÖÕ´ïµ½Ô¤·À¡£Ö±µ½ËùÓеͼÓöµ½ÁËÄãÒ²¾ÍÊǸßÊÖÁË£¡
Ó¦ÓÃ×î¶àµÄ±¾È˸оõ¾ÍÊÇ£ºheight:1%;overflow:hidden;//½â¾öfloatµÈÎÊÌâ
1¡¢¸ß¶È×ÔÊÊÓ¦ÎÊÌ⣺
ÍêÃÀ½â¾ö ......
»¹Ëã²»´íµÄÎÄÕ£¬ËäÈ»ÌõÀíÐÔ²»ÊǷdz£Çå³þ£¬Ò²×ªÌùÊÕÁ˰ɣ¬·½±ã²é×ÊÁÏ¡£
CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡³£¼û¼æÈÝÎÊÌ⣺
¡¡¡¡1.DOCTYPE Ó°Ïì CSS
´¦Àí
¡¡¡¡2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ ......
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
¡¡¡¡2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö± ......