CSS ±»ºöÂԵij£Ê¶
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px
µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0;
Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×ÊÔ´¡£
3¡¢É÷Óà * ͨÅä·û¡£ËùνͨÅä·û£¬¾ÍÊǽ« CSS
ÖеÄËùÓбêÇ©¾ù³õʼ»¯£¬²»¹ÜÓõIJ»Óõģ¬¹ýʱµÄÏȽøµÄ£¬Ò»ÊÓͬÈÊ£¬ÕâÑù£¬´ó´óµÄÕ¼ÓÃ×ÊÔ´¡£ÒªÓÐÑ¡ÔñµÄ³õʼ»¯±êÇ©¡£
4¡¢CSS
µÄÊ®Áù½øÖÆÑÕÉ«´úÂëËõд¡£Ï°¹ßÁËËõд¼°Ð¡Ð´£¬Õâ²ÅÖªµÀ£¬ÔÀ´²»ÊÇÍƼöµÄд·¨£¬ÎªµÄÊǼõÉÙ½âÎöËùÕ¼ÓõÄ×ÊÔ´¡£µ«Í¬Ê±»áÔö¼ÓÎļþÌå»ý¡£ÊëÓÅÊëÁÓ£¬Óдý×Ðϸ¿¼
Ö¤¡£
5¡¢Ñùʽ·ÅÍ·ÉÏ£¬½Å±¾·Å½ÅÏ¡£²»ÄÚǶ£¬Ö»ÍâÁ´¡£
6¡¢¼á¾ö²»Óà CSS ±í´ïʽ¡£
7¡¢Ê¹Óà ÒýÓÃÑùʽ±í£¬¶ø²»ÊÇͨ¹ý @import µ¼Èë¡£
8¡¢Ò»°ãÀ´Ëµ£¬PNG ±È GIF ҪС£¬Ð¡µÃ¶à¡£ÔÙÕߣ¬GIF ÖÐÓжàÉÙÑÕÉ«ÊDZ»À˷ѵģ¬ºÜÖµµÃÓÅ»¯¡£
9¡¢Ç§Íò²»ÒªÔÚ HTML ÖÐËõ·ÅͼƬ£¬Ò»Õß²»ºÃ¿´£¬¶þÕßÕ¼×ÊÔ´¡£
10¡¢ÕýÎÄ×ÖÌå×îºÃÓÃżÊý£¬12px¡¢14px¡¢16px£¬Ð§¹û·Ç³£ºÃ¡£ÌØÀý£¬15px¡£
11¡¢block¡¢ul¡¢ol µÈÉÏÏÂÁô³öÖÁÉÙÒ»±¶Ðо࣬×ó²àÖÁÉÙÁ½±¶Ðо࣬ÓÒ²àËæÒâ¡£
12¡¢¶ÎÂäÖ®¼ä£¬ÖÁÉÙÒªÓÐÒ»±¶Ðоࡣ
13¡¢Ç¿ÐÐÖ¸¶¨Ä³Ð©ÔªËØµÄ line-height£¬ÕýÎÄ 1.6 ±¶ÓÚÎÄ×Ö´óС£¬±êÌâ 1.3 ±¶¡£
14¡¢ÖÐÎıêµãÓÃÈ«½Ç¡£Ó¢ÎļÐÔÓÔÚÖÐÎÄÖУ¬×óÓÒ¿Õ¸ñ£¬°ë½Ç¡£
15¡¢ÖÐÎÄ×ÖÌåµÄ´ÖÌåºÍбÌ壬ԶÀë½ÏºÃ£¬ÀûÃñÀû¼º¡£
Ïà¹ØÎĵµ£º
»ùÓÚIEÓëcssµÄ±í¸ñÐÐÍ·Óë¶à²ãÁÐÍ·Ëø¶¨·½·¨
£¨×ó±ßͼËø¶¨ÁËÐÐÍ·ÓëÁÐÍ·£¬ÓÒ±ßͼ½öËø¶¨ÁÐÍ·£©
ÓÐÐí¶àµÄËø¶¨»ò¹Ì¶¨html±í¸ñ±íÍ·µÄ·½·¨ºÍ¼¼Êõ£¬±¾ÎĽéÉܵÄÊÇÒ»¸ö»ùÓÚIEºÍcssµÄ¼òÒ×ʵÏÖ·½·¨£¬»ù±¾Ë¼Â·Îª£ºÊ¹ÓÃdivÐм¶ÔªËØÈ·¶¨Ò»¸ö°üº¬±í¸ñµÄÇøÓò£¬ÔÚÇøÓò¹ö¶¯Òƶ¯Ê±¶¨Î»·Ç¹Ì¶¨µ¥Ôª¸ñµÄλÖã¨top/left£© ......
從Éϵ½ÏÂ
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
} ¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue; ......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
& ......
·½·¨Ò»£º
¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±Æڵİ汾Ҳ»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
± ......
idºÍclassµ½µ×ÒªÓÃÄÄÒ»¸ö£¿
¡¡¡¡Ê×ÏÈÒªÃ÷°×idºÍclassµÄ¸÷×ÔµÄÓÅȱµã¡£ÕâÑù²ÅÄܸù¾ÝËûÃǵĸ÷×ÔµÄÌصã½øÐÐʹÓá£
¡¡¡¡idµÄÓŵ㣨classµÄȱµã£©£ºidдÔÚcssÓÃ"#"Ñ¡ÔñÆ÷£¬classдÔÚcssÖÐÓÃ"."Ñ¡ÔñÆ÷¡£"#"Ñ¡ÔñÆ÷µÄÓÅÏȼ¶¸ßÓÚ"."Ñ¡ÔñÆ÷´óÔ¼10±¶£¬ËùÒÔµ±ÄãÐèÒªÌáÉýÓÅÏȼ¶µÄʱºò£¬id±êÇ©£¬»òÕßidÈÝÆ÷ÄڵıêÇ©½«ÊǺÜÈÝÒ׺ÍÓÐЧµÄ¡£ ......