DivCSSС½á£ºä¯ÀÀÆ÷ĬÈÏHTMLµÄCSSÑùʽÊôÐÔ
Õâ¸ö“ä¯ÀÀÆ÷ĬÈÏHTMLµÄCSSÑùʽÊôÐÔ”£¬ÔÚÄãÐèÒª»¹ÔĬÈÏÖµµÄʱºò£¬±È½ÏÓÐÓ᣿ªÊ¼µÄʱºòÓ¦ÓÃͨÅäÑ¡ÔñÆ÷ *
{margin:0;padding:0;}£¬µ±ÐèҪʹÓñ߾àµÄʱºò£¬¾ÍÐèÒª»¹ÔHTMLĬÈÏCSSÖµÁË¡£
µ«Í¨ÅäÑ¡ÔñÆ÷ÔÚ´óÐÍÍøÕ¾µÄ¹¹½¨ÖУ¬Ó°
ÏìÐÔÄÜ£¬¿ÉÒԲο¼52CSS.comµÄÏà¹ØÎÄÕ£¬´ó¼Ò»¹ÊÇÐèÒª½÷É÷һЩ¡£
¡¡¡¡ÒÔǰһֱÔÚÕÒÕâ·ÝÎĵµ£¬½ñÌìżȻÔÚw3ÉÏ¿´µ½ÁË¡£³ýÁË
inlineºÍblockµÄ¶¨Ò壬Ö÷ÒªÊÇҪעÒâbody|h1~h6|blockquote|menu|ul|ol|ddµÈ±êÇ©µÄĬÈÏÑùʽ£¨margin
ºÍfont-size£©¡£
Example Source Code [www.52css.com
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th &
Ïà¹ØÎĵµ£º
CSS ÖÐÓиöÖØÒªµÄ¸ÅÄ¾ÍÊǺÐ×Óģʽ(Box model)¡£
ºÐ×ÓÀïÓÉÀïÖÁÍâÒÀ´ÎÊÇ£º
content ÄÚÈÝ(±ÈÈçÎı¾¡¢Í¼Æ¬µÈ)
padding Äڱ߾à
border ±ß¿ò
margin Íâ±ß¾à
paddingÊôÐÔÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߿òµÄ¾àÀë¡£
  ......
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙ
CSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»
¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩ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µÄһЩ£º
·
ÐÂ ......
ie6²¢²»ÊDz»Ö§³Öpng£¬ËüÖ§³ÖË÷ÒýÑÕÉ«µÄPNG-8£¬¶øÊDz»Ö§³ÖRGBÑÕÉ«µÄPNG-24¡£
ie6ÀïµÄPNG-24ͼƬ×ö±³¾°Ö÷ÒªÓÐÒÔϼ¸¸öÎÊÌ⣺
Ò»¡¢ie6Àïpng±³¾°Í¸Ã÷ÎÊÌ⣺½â¾ö°ì·¨ÓÃÂ˾µ¡£Õâ¸öÒ»°ã¸ßÊÖÃǶ¼ÖªµÀ¡£
×¢Ò⣺src Õâ¸ö·¾¶ÊÇÖ¸¼ÓÔØÂ˾µµÄÒ³ÃæÏà¶ÔÓÚͼƬµÄ·¾¶£¬¶ø²»ÊÇcssÎļþÏà¶ÔÓÚͼƬµÄ·¾¶¡£Õâ¸úÒ»°ãµÄͼƬ¼ÓÔØÓÐÇø±ð¡£
fi ......