CSS»ù´¡½Ì³ÌÕûÀí
ÕâÀïÖ»°ÑһЩÎÒ×Ô¼º»¹ÐèÒª¸Ä½øµÄµØ·½·¢ÉÏÀ´¡£
————————————————————————
1.ÍøÒ³²»ÊǾ²Ì¬µÄ¡¢¾ø¶ÔµÄýÌå¡£ÕâÒâζ×ÅÄÚÄÜÉìËõ±äÐΣ¬Óû§Ó¦¸Ã±»ÔÊÐíµ÷Õû×Ô¼ºÏ²»¶µÄ·½Ê½£¬°üÀ¨×ÖÌå´óСºÍÆÁÄ»´óС¡£
¡¡¡¡ÒòΪÕâÑù£¬½¨Òéʹ
ÓÃ"em"ºÍ"%"ÔÚfont-sizeÉÏ£¨¿í¶ÈºÍ¸ß¶È£©£¬Ïà±ÈÏÂpx²»Äܹ»Ôڴ󲿷Öä¯ÀÀÆ÷¸Ä±ä´óС£¬ËùÒÔÒªÉÙÓ㬿ÉÒÔÓÃÔڱ߿òµÄ´óСÉÏ¡£
2.css¿ÉÒÔ´¦Àí16,777,216ÑÕÉ«£¬¿ÉÒÔʹÓÃÃû×Ö¡¢rgbÖµ»òÊ®Áù½øÖÆ´úÂë¡£
¡¡¡¡ÓÐ17¸öÔ¤ÏÈÈ·¶¨µÄÑÕÉ«£¬ËüÃÇÊÇ£º
¡¡¡¡
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
¡¡¡¡
olive, orange, purple, red, silver, teal, white, and yellow.
¡¡¡¡
transparent Ò²ÊÇÒ»¸öÕýÈ·µÄÖµ¡£
3.font-family
¡¡¡¡ÎÄ×ÖʹÓõÄ×ÖÌ壬±ÈÈçËÎÌ壬Times New Roman£¬Arial
µÈµÈ
¡¡¡¡Õâ¸öÊôÐÔ±ØÐëÏêÏ¸ÖÆ¶¨£¬²»ÄÜʹÓÃÆ«Æ§µÄ×ÖÌ壬ҪʹÓð²È«×ÖÌ壨±ÈÈçarial£¬verdanaºÍtimes new romanºÍËÎ
Ì壩£¬¿ÉÒÔͬʱָ¶¨Ðí¶à×ÖÌ壬ֻҪʹÓöººÅ·Ö¿ª¼´¿É¡£ÕâÑùµÄÓÃÒâÊÇ£¬Èç¹ûÓû§µçÄÔÀïûÓеÚÒ»¸ö×ÖÌåä¯ÀÀÆ÷¿ÉÒÔʹÓúóÃæÖ¸¶¨µÄ×ÖÌå¡£Õâ·Ç³£ÓÐÓã¬ÒòΪ²»Í¬µÄ
µçÄÔÓµÓв»Í¬µÄ×ÖÌå¡£Àý×Ófont-size: arial,helvetica£¬pcÓû§¿ÉÒÔʹÓÃarial¶øÆ»¹ûmacÓû§¿ÉÒÔʹÓÃ
helvetica¡£
¡¡¡¡×¢Ò⣺Èç¹û×ÖÌåµÄÃû³ÆÓÐÐí¶àµ¥´Ê×é³É£¬Ê¹ÓÃË«ÒýºÅ×éºÏ£¬±ÈÈ磬font-
family: "Times New Romes"¡£
4.×óÓÒMargin¼Ó±¶µÄÎÊÌâ
¡¡¡¡µ±boxΪfloatʱ£¬IE6ÖÐbox×óÓÒµÄmargin»á¼Ó±¶¡£
5.Íâ²ãbox×Ô¶¯¼ÆËã¸ß¶ÈµÄÎÊÌâ
¡¡¡¡¸ù¾ÝW3C¶¨Ò壬ûÓÐfloatÊôÐÔµÄÍâ²ãbox²»»á×Ô¶¯¼ÆËã¸ß¶È£¬Òª¼ÆËã
¸ß¶È£¬±ØÐëÔÚÄÚ²ã×îºóÒ»¸öbox¼ÓÈëclear:both¡£
¡¡¡¡Opera¡¢netscape¡¢mozillaµÈ²»»á¼ÆËãÍâ²ãbox¸ß¶È£¬µ«ÊÇ΢
Èíie6»á×Ô¶¯¼ÆËãÍâ²ã¸ß¶È¡£±ÈÈ磺
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml
">
<head>
Ïà¹ØÎĵµ£º
Ϊµ¥¸ö±êÇ©¶¨Ò壺
br{
text-align: center;
color: #000000;
font-family:ËÎÌå;
}
Ϊbr±êǩָ¶¨ÁË3¸öÑùʽÊôÐÔ£¬°üº¬¶ÔÆä·½Ê½¡¢ÎÄ×ÖÑÕÉ«¼°×ÖÌå¡£
ÔÚÍøÒ³ÖÐÒ»¸öÿ¸öIDÖ»ÄÜʹÓÃÒ»´Î£¬È磺
<div id="main"></div>
ÔÚCSSÑùʽ±íÖУ¬IDÑ ......
Õâ¸ö“ä¯ÀÀÆ÷ĬÈÏHTMLµÄCSSÑùʽÊôÐÔ”£¬ÔÚÄãÐèÒª»¹ÔĬÈÏÖµµÄʱºò£¬±È½ÏÓÐÓ᣿ªÊ¼µÄʱºòÓ¦ÓÃͨÅäÑ¡ÔñÆ÷ *
{margin:0;padding:0;}£¬µ±ÐèҪʹÓñ߾àµÄʱºò£¬¾ÍÐèÒª»¹ÔHTMLĬÈÏCSSÖµÁË¡£
µ«Í¨ÅäÑ¡ÔñÆ÷ÔÚ´óÐÍÍøÕ¾µÄ¹¹½¨ÖУ¬Ó°
ÏìÐÔÄÜ£¬¿ÉÒԲο¼52CSS.comµÄÏà¹ØÎÄÕ£¬´ó¼Ò»¹ÊÇÐèÒª½÷É÷һЩ¡£
¡¡¡¡Ò ......
¶¯»»ÐÐÎÊÌâ,Õý³£×Ö·ûµÄ»»ÐÐÊDZȽϺÏÀíµÄ,¶øÁ¬ÐøµÄÊý×ÖºÍÓ¢ÎÄ×Ö·û³£³£½«ÈÝÆ÷³Å´ó,ͦÈÃÈËÍ·ÌÛ,ÏÂÃæ½éÉܵÄÊÇCSSÈçºÎʵÏÖ»»Ðеķ½·¨
¶ÔÓÚdiv,pµÈ¿é¼¶ÔªËØ
Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö)ÔªËØÓµÓÐĬÈϵÄwhite-space:normal,µ±¶¨ÒåµÄ¿í¶ÈÖ®ºó×Ô¶¯»»ÐÐ
html
<
id="wrap">Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö) ......
Ò»¡¢ ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1. ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢ÓÒ¡¢Ï¡¢×ó)
1px 2px 3px £¨Ê¡ÂÔµÄ×óµÈÓÚÓÒ£©
1px 2px (Ê¡ÂÔµÄÉϵÈÓÚÏÂ)
1px & ......