Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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


Ïà¹ØÎĵµ£º

css hack


  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ѹËõ²¢´ò°üjs»òcssÎļþ

½ñÌìÏÂÎ磬ÊÖÍ·ÉÏûʲôÊÂ×ö£¬ÓÚÊǾÍÉÏÍø²é¿´×ÊÁÏ£¬¿´µ½ºÜ¶àÈËдµÄYUI CompressorµÄʹÓ÷½·¨£¬´óÖÂдµÄ¶¼²»Ïêϸ£¬ÓÚÊÇ×Ô¼ºÀ´×ö¸ö×ܽᡣ
 
£¨1£©Ê×ÏÈÀ´¿´Ï£¬ÎªÊ²Ã´ÒªÑ¹Ëõjs»òcssÎļþ£¿
 
JS/CSSÎļþ´ó£¬Óû§·ÃÎÊÕ¾µãµÄʱºòÐèÒªÏÂÔØJS/CSSµÄʱ¼ä³¤¾Í»á¸Ð¾õÂý£¬ÓеÄÉõÖÁÓÉÓÚCSSµÄÎļþ¶øÔì³ÉÒ³Ãæ³õʼ´ò¿ªºÜÁèÂÒ¡ ......

CSS Containing Floats

Ô­ÎÄÍøÖ·£º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¼æÈÝÐÔÎÊÌâ¹é×Ü

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 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ