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>
Ïà¹ØÎĵµ£º
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 ......
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)*/
......
Css¶¨ÖÆDrupalÖ÷Ìâ·ç¸ñ
¡¡¡¡“Ö÷Ìâ”ÊÇDrupalÕ¾µãµÄ»ù±¾ÍâòºÍ¸Ð¾õ¡£ÓÐʱһ¸öÌØ¶¨µÄÕ¾µã»á°²×°²»Ö¹Ò»¸öµÄÖ÷Ìâ¡£Èç¹ûÕ¾µã¹ÜÀíÔ±ÌṩÁ˶à¸öÖ÷Ì⣬Äã¿ÉÒÔΪÄãµÄÕʺÅÑ¡ÔñÄãϲ»¶µÄĬÈÏÖ÷Ìâ¡£
¡¡¡¡DrupalµÄ¹Ù·½Õ¾µãÌṩÁËÐí¶àÖ÷Ìâ·ç¸ñ£¬¾ßÌå¼û£º
¡¡¡¡http://drupal.org/project/Themes
¡¡¡¡ÆäÖУ¬SpreadfirefoxÊÇÎ ......