cssÑùʽ
Ò» 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; /*×ó±ß¿òÁô¿Õ°×
Èý¡¢CSS·ûºÅÊôÐÔ£º
list-style-type:none; /*²»±àºÅ*/
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 : repea
Ïà¹ØÎĵµ£º
IE6 IE7 IE8 Firefox Opera Google
·¶Àý
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y
......
½ñÌìÏÂÎ磬ÊÖÍ·ÉÏûʲôÊÂ×ö£¬ÓÚÊǾÍÉÏÍø²é¿´×ÊÁÏ£¬¿´µ½ºÜ¶àÈËдµÄYUI CompressorµÄʹÓ÷½·¨£¬´óÖÂдµÄ¶¼²»Ïêϸ£¬ÓÚÊÇ×Ô¼ºÀ´×ö¸ö×ܽᡣ
£¨1£©Ê×ÏÈÀ´¿´Ï£¬ÎªÊ²Ã´ÒªÑ¹Ëõjs»òcssÎļþ£¿
JS/CSSÎļþ´ó£¬Óû§·ÃÎÊÕ¾µãµÄʱºòÐèÒªÏÂÔØJS/CSSµÄʱ¼ä³¤¾Í»á¸Ð¾õÂý£¬ÓеÄÉõÖÁÓÉÓÚCSSµÄÎļþ¶øÔì³ÉÒ³Ãæ³õʼ´ò¿ªºÜÁèÂÒ¡ ......
ÔÎÄÍøÖ·£ºhttp://www.complexspiral.com/publications
Containing Floats
As powerful and useful as they are, floats can make for tricky layout tools. Chances are that you may have seen something like the situation shown in Figure 1, which is accomplished with just two div elements, each with a floate ......
IEºÍ»ðºüµÄcss¼æÈÝÐÔÎÊÌâ¹é×Ü
¡¡¡¡CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡1¡¢DOCTYPE Ó°Ïì CSS ´¦Àí
¡¡¡¡2¡¢FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
¡¡¡¡3¡¢FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: aut ......