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

css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari

¡¾Web¡¿css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-16 18:50
¡¾Web¡¿css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-13 11:07
ÍâÖÃ
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; }
* html .main{ float:left;#float:none;_float:none; }
µÚ1ÐиøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ÷¿´
µÚ2Ðиøsafari/IE6/iE7¿´£¬Èç¹ûsafari/IE6/iE7 ÊÓ¾õЧ¹û²»Í³Ò»£¬¾ÍÒªÔÚºóÃæ¸úIE6/IE7µÄ¶¨Òå
µÚ3ÐиøIE7¿´
µÚ4ÐиøIE6ÒÔ¼°¸üÀϵİ汾¿´
ÄÚÖÃ
.main{ float:left;#float:none;_float:none;[float:none;]float:none; }
µÚ1¸öfloat¸øFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ÷¿´
µÚ2¸ö¼Ó#µÄfloat¸øIE7¿´
µÚ3¸ö¼Ó_µÄfloat¸øIE6ÒÔ¼°¸üÀϵİ汾¿´
µÚ4¸ö¼Ó[µÄfloat¸øsafari¿´
µÚ5¸ö¼Ó]µÄfloat¸øIE¿´
¸÷ÖÖ³£¼ûä¯ÀÀÆ÷ʹÓõÄÄÚºË (Rendering Engine)
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari Swift ( WebKit )
ÓÃcss×Ô¶¯Òþ²Ø³¬³ö¿í¶ÈÄÚÈݲ¢Ê¡ÂÔÏÔʾ£¬ä¯ÀÀÆ÷¼æÈÝie¡¢ff
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
»ù±¾·ÇIEµÄä¯ÀÀÆ÷µÄ˽ÓÐÊôÐÔ¶¼»áÒÔ-xxx-ÕâÑù¿ªÊ¼£¬
-o-¾ÍÊÇÒÔPrestoΪÒýÇæµÄ Opera˽Óеġ¢
-icab-ÊÇiCab˽Óеģ¬
-khtml-¾ÍÊÇÒÔKHTMLΪÒýÇæµÄä¯ÀÀÆ÷£¨ÈçKonqueror Safari£©¡¢
-moz-¾ÍÊÇÒÔmozillaµÄGeckoΪÒýÇæµÄä¯ÀÀÆ÷£¨ÈçFirefox£¬mozilla£©¡¢
-webkit-¾ÍÊÇÒÔWebkit äÖȾÒýÇæ£¨ÊÇKHTMLµÄÑÜÉú²úÆ·£©µÄä¯ÀÀÆ÷£¨ÈçSafari¡¢Swift£©¡£
²¢²»ÊÇ˵Ïñ-moz-text-overflowÏÖÔÚÓÐÓ㬶øÊÇÒ»¸ö»ÃÏëµÄд·¨£¬µ±Ò»¸öä¯ÀÀÆ÷µÄ¿ª·¢ÈËÔ±¾ö¶¨ÔÚä¯ÀÀÆ÷Ö§³ÖÒ»ÖÖ»¹Ã»µÃµ½¹«ÈϵÄÊôÐÔʱ£¬Ò»°ã¶¼»áÔÚÊôÐÔµÄÇ°Ãæ¼ÓÉÏ-xxx-ÕâÖÖ£¬±íÃ÷ÕâÖÖÊÇÊôÓÚ¸Ãä¯ÀÀÆ÷˽ÓеÄÊôÐÔ£¬µ±È»£¬ÕâЩÊôÐÔ¶àÊýÀ´×ÔCSS3µÄ£¬Ê¹ÓÃÕâÑùµÄд·¨ÔÚä¯ÀÀÆ÷Éý¼¶ºóÒ²Ðí²ÅÓÐ×÷ÓÃ.
IE¡¢Firefox¡¢OperaºÍSafari¶ÔCSSÑùʽimportantºÍ*µÄÖ§³Ö
1¡¢IE6¡¢IE7¶¼Ö§³Ö *£¬µ«IE8ÖÕÓڻعéÕýͳ£¬·ÅÆúÁ˶Ô*µÄÖ§³Ö
2¡¢IE7¡¢IE8¡¢Firefox¡¢Opera¡¢Safari¶¼Ö§³Ö important
¹ËÃû£¬importantµÄÓÅÏȼ¶Òª¸ß. ¾ÙÀý˵Ã÷£º
<style type=”text/css”>
body
{
backgrou


Ïà¹ØÎĵµ£º

jQueryʹÓÃÊÖ²áÖ®CSS²Ù×÷

Jquery¶ÔcssµÄ²Ù×÷Ï൱·½±ã£¬Äܷܺ½±ãÎÒÃÇȥͨ¹ýjsÐÞ¸Äcss¡£´«Í³javascript¶ÔcssµÄ²Ù×÷Ï൱·±Ëö£¬±ÈÈç
<div id="a" style="background:blue">css</div>
È¡ËüµÄbackgroundÓï·¨ÊÇ£º
document.getElementById("a").style.background
¶øjQuery¶Ôcss¸ü·½±ãµÄ²Ù×÷£º
$("#a").background();$("#a").background ......

cssÔÚIE¡¢»ðºüϵļæÈÝÎÊÌâ


 
DIV£«CSSÍøÒ³²¼¾ÖÕâÊÇÒ»ÖÖÇ÷ÊÆ,ÎÒÒ²¿ªÊ¼Ë³Ó¦Õâ¹ÉÇ÷ÊÆÁË,²»¹ýÔÚʹÓÃDIV£«CSSÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6¡¢IE7¡¢FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜÂÒµÄÒ»ËúºýÍ¿£¡ÎÒ¾­³£±»ÕâЩ¶«Î÷ÕûµÄ½¹Í·Àöî,ÓÚÊǺôÔÚÍøÉÏÕÒÁËЩ×ÊÁÏ,¼ÓÉÏ×Ô¼ºµ ......

cssµ¼º½²Ëµ¥£¨°üº¬ºáÏò×Ӳ˵¥£©

Ç¿ÁÒÍÆ¼öÒ»¿îCSSµ¼º½²Ëµ¥£¬Óõ½Õþ¸®Ñ§Ð£ÀàÍøÕ¾Éϳ¬¼¶²»´í¡£
ÓеãÀàËÆÕ¾³¤Íø²Ëµ¥µÄζµÀ£¬Ö»²»¹ýÑÕÉ«²»Ò»Ñù¶øÒÑ£¬ÕâÖֲ˵¥»¹²»ÊÇÕæÕýÒâÒåÉϵēÏÂÀ­”²Ëµ¥£¬Ó¦¸Ã½Ð»¬³ö²Ëµ¥<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ......

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"&g ......

CSS±ß¿òÊôÐÔ

±ß¿ò·ç¸ñÊôÐÔ(border-style)
Õâ¸öÊôÐÔÓÃÀ´É趨ÉÏÏÂ×óÓұ߿òµÄ·ç¸ñ£¬ËüµÄÖµÈçÏ£º
none (ûÓб߿ò£¬ÎÞÂ۱߿ò¿í¶ÈÉèΪ¶à´ó)
dotted (µãÏßʽ±ß¿ò)
dashed (ÆÆÕÛÏßʽ±ß¿ò)
solid (Ö±Ïßʽ±ß¿ò)
double (Ë«Ïßʽ±ß¿ò)
groove (²ÛÏßʽ±ß¿ò)
ridge(¼¹Ïßʽ±ß¿ò)
inset (ÄÚǶЧ¹ûµÄ±ß¿ò)
outset (Í»ÆðЧ¹ûµÄ±ß¿ò)
± ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ