¡¡¡¡Simple CSSÊÇÒ»¿îCSSÎı¾ÎĵµÖÆ×÷Æ÷£¬Simple CSSЭÖúÍøÒ³Ò³Ã濪·¢ÕßѸËÙÐγÉCSSÑùʽ£¬Simple CSSÓ¦ÓÃÊ®·Ö±ã½Ý£¬ÊÊÓöÔÎı¾Ñùʽ¡¢±ß¿òÑùʽµÈÊôÐÔÔ­ËØ¿ªÕ¹É趨¡£

Èí¼þ¹¦ÄÜ

¡¡¡¡1¡¢Simple CSSÈÝÐíÄúÖØпªÊ¼ÇáÇáËÉËɽ¨Á¢Áª¼¶Ñùʽ±í£¬²¢Ó¦ÓÃÁ˽âµÄµãÒ»ÏÂÒ³Ãæ¸Ä¶¯Ä¿Ç°Ñùʽ±í¡£

¡¡¡¡2¡¢Ó¦ÓÃSimple CSS£¬ÄúÄܹ»¹ÜÀí·½·¨ºÃ¼¸¸öCSSÐÂÏîÄ¿¡£

¡¡¡¡3¡¢Äܹ»ÒÀ¾Ý±ØÐëµ¼½øÄ¿Ç°Îĵµ£¬²¢½«ÐÂÏîÄ¿µ¼³öÀ´µ½.cssÎļþ¡£

¡¡¡¡4¡¢ÊÊÓöÔÎı¾Ñùʽ¡¢±ß¿òÑùʽ¡¢ÕÕƬÑùʽµÈÊôÐÔÔ­ËصȿªÕ¹É趨¡£

ʹÓ÷½·¨

¡¡¡¡1¡¢ÕýÔÚ½øÈëÈí¼þµÄÖ÷½çÃæÇë´ó»ï¶ùÄÍÐĵȴý¾Í¿ÉÒÔ;

¡¡¡¡2¡¢½øµ½Èí¼þµÄÖ÷½çÃ棬Äܹ»Ñ¸ËٵĶÔÄúµÄÈí¼þ¿ªÕ¹É趨;

¡¡¡¡3¡¢Äܹ»Ñ¸ËٵĿªÕ¹Ð´´½¨ÄúµÄÿÈÕÈÎÎñ£¬ÈÃÄúÇáÇáËÉËɵľͿÉÒÔ½øÐÐÓйصÄÖ÷Òª²ÎÊý;

¡¡¡¡4¡¢Äܹ»Ñ¸ËٵĿªÕ¹Ð´´½¨ÏÔÑÛ¡¢¶ÔÐÂÏîÄ¿¿ªÕ¹ÔٴεÄÈ¡Ãû£¬Ò²ÊÊÓÿªÕ¹µ¼½ø¡¢É¾µôµÈ;

¡¡¡¡5¡¢Äܹ»Ñ¸ËٵĶԱØÐëµÄ±êʶ¿ªÕ¹Ñ¸ËٵļÓÉÏ;

ʹÓ÷½·¨

¡¡¡¡Ò» CSSÎı¾ÊôÐÔ£º

¡¡¡¡color : #999999;

¡¡¡¡font-family : ËÎÌå×Ö,sans-serif;

¡¡¡¡font-size : 9pt;

¡¡¡¡font-style:itelic;

¡¡¡¡font-variant:small-caps;

¡¡¡¡letter-spacing : 1pt;

¡¡¡¡line-height : 200%;

¡¡¡¡font-weight:bold;

¡¡¡¡vertical-align:sub;

¡¡¡¡vertical-align:Super;

¡¡¡¡text-decoration:line-through;

¡¡¡¡text-decoration: overline;

¡¡¡¡text-decoration:underline;

¡¡¡¡text-decoration:none;

¡¡¡¡text-transform : capitalize;

¡¡¡¡text-transform : uppercase;

¡¡¡¡text-transform : lowercase;

¡¡¡¡text-align:right;

¡¡¡¡text-align:left;

¡¡¡¡text-align:center;

¡¡¡¡text-align:justify;

¡¡¡¡vertical-alignÊôÐÔ

¡¡¡¡vertical-align:top;

¡¡¡¡vertical-align:bottom;

¡¡¡¡vertical-align:middle;

¡¡¡¡vertical-align:text-top;

¡¡¡¡vertical-align:text-bottom;

¡¡¡¡¶þ¡¢CSS±ß¿ò¿Õȱ

¡¡¡¡padding-top:10px;

¡¡¡¡padding-right:10px;

¡¡¡¡padding-bottom:10px;

¡¡¡¡padding-left:10px;

¡¡¡¡list-style-type:decimal;

¡¡¡¡list-style-type:lower-roman;

¡¡¡¡list-style-type:upper-roman;

¡¡¡¡list-style-type:lower-Alpha;

¡¡¡¡list-style-type:upper-alpha;

¡¡¡¡list-style-type:disc;

¡¡¡¡list-style-type:circle;

¡¡¡¡list-style-type:square;

¡¡¡¡list-style-image:url(/dot.gif);

¡¡¡¡list-style-position: outside;

¡¡¡¡list-style-position:inside;

¡¡¡¡ËÄ¡¢CSSÇé¿öÑùʽ

¡¡¡¡background-color:#F5E2EC;

¡¡¡¡background:transparent;

¡¡¡¡background-image : url(/image/bg.gif);

¡¡¡¡background-attachment : fixed;

¡¡¡¡background-repeat : repeat;

¡¡¡¡background-repeat : no-repeat;

¡¡¡¡background-repeat : repeat-x;

¡¡¡¡background-repeat : repeat-y;

¡¡¡¡Ìض¨Çé¿ö²¿Î»

¡¡¡¡background-position : 90% 90%;

¡¡¡¡background-position : top;

¡¡¡¡background-position : buttom;

¡¡¡¡background-position : left;

¡¡¡¡background-position : right;

¡¡¡¡background-position : center;

¡¾°æ±¾¸üС¿

¡¡¡¡1. ÌáÉýÁËһЩ¶àÍ¿²ãµÄ½â¾ö×÷ÓÃ

¡¡¡¡2. ÌáÉýÁË¿ÉÖÆ×öµÄ¶¯»­ÌØЧÖÖÀà

¡¡¡¡3. »Ö¸´ÁËһЩbug£¬ÌáÉýÌá¸ßÁ˳ÌÐò½çÃæ

¡¡¡¡4. ½â¾öÁËһЩ´úÂë¸ñʽÉϵÄÒѾ­ÖªµÀÄÑÌâ