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

CSS×Ô¶¯½ØÈ¡×Ö·û´®Îª...


CSS´úÂë
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
HTML´úÂë
<div class="test">DIV+CSSÄ£°å¡¢ºǫ́ģ°å¡¢Í¼Æ¬Í¼±êÏÂÔØ£¬
CSS´úÂëʵÀý¡¢CSSµ¼º½²Ëµ¥¡¢CSSͼ±í
<h3><a href="http://www.865171.cn" style="color:#000;">www.865171.cn</a></h3>
</div>


Ïà¹ØÎĵµ£º

ÔÚÒ»¸öcssÎļþÀï¹ÜÀíÍøÕ¾·ç¸ñ

ÔÚcssÎļþÀï¼ÓÈë
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
½«soria.cssÖеÄ.soriaÈ«²¿Ì滻Ϊbody,ͬʱÔÚhtmlÀï²»ÓÃÔÙ¼Óclass="soria"
ʹÓÃÆäËü·ç¸ñÊ±Ìæ»»Â·¾¶dijit/themes/soria/soria.css¼´¿É ......

CSS ʵÏÖ±³¾°Í¼Æ¬×ÔÊÊÓ¦td´óС

½â¾ö·½·¨£º
1¡¢
ÓÃcssÂ˾µ¡£
<td style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_img.jpg', sizingMethod='scale'" >
2¡¢
Äã¿ÉÒÔ¿¼ÂÇÓÃcssÂ˾µÀ´×ö±³¾°½¥±äЧ¹û£¬ÉèÖÃtdµÄcss
style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF' ......

CSSÈëÃŽ̳ÌÖ®CSSµÄÓï·¨

1.»ù±¾Óï·¨
¡¡¡¡
¡¡¡¡CSSµÄ¶¨ÒåÊÇÓÉÈý¸ö²¿·Ö¹¹³É£ºÑ¡Ôñ·û£¨selector£©£¬ÊôÐÔ£¨properties£©ºÍÊôÐÔµÄȡֵ£¨value£©¡£
¡¡¡¡»ù±¾¸ñʽÈçÏ£º
¡¡¡¡selector { property: value}
¡¡¡¡£¨Ñ¡Ôñ·û { ÊôÐÔ£ºÖµ}£©
¡¡¡¡Ñ¡Ôñ·ûÊÇ¿ÉÒÔÊǶàÖÖÐÎʽ£¬Ò»°ãÊÇÄãÒª¶¨ÒåÑùʽµÄHTML±ê¼Ç£¬ÀýÈçBODY¡¢P¡¢TABLE……£¬Äã¿ÉÒÔÍ ......

CSS Sprites

CSS SpritesÆäʵ¾ÍÊǰÑÍøÒ³ÖÐһЩ±³¾°Í¼Æ¬ÕûºÏµ½Ò»ÕÅͼƬÎļþÖУ¬ÔÙÀûÓÃCSSµÄ“background-image”£¬“background- repeat”£¬“background-position”µÄ×éºÏ½øÐб³¾°¶¨Î»£¬background-position¿ÉÒÔÓÃÊý×ÖÄܾ«È·µÄ¶¨Î»³ö±³¾°Í¼Æ¬µÄλÖá£
Óŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈºÜ¾Ã¡£µ«ÊÇ ......

ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ½Å±¾


ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
ʹÓÃAntÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
2010 Äê 01 ÔÂ 27 ÈÕ
ÌṩÁËÒ»¸öant½Å±¾£¬ËüÖ÷ÒªÓÃÓÚÅúÁ¿Ñ¹ËõÅú¶¨Ä¿Â¼ÏµÄjs¡¢cssÎļþ£¬´Ëant½Å±¾Ê¹Óõ½ÁË YUI Compressor¡¢antcontrib
.
Ant Contrib
Ö÷ҪʹÓÃËüËùÌṩµÄforeach¡¢propertyregexÕâÁ½¸ötarget
yui compressor ²Î¿¼×ÊÁÏ
ѹËõ»á´ø ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ