ÓÃcssÈÃͼƬ×Ô¶¯ÊÊÓ¦´óС
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ600px£¬×Ô¶¯ËõСΪ600px;
overflow:hidden;
}
Ïà¹ØÎĵµ£º
ËäÈ»CSSÑùʽµÄѧϰÐèÒªÎÒÃǶ¯ÊÖ¶àʵ¼ù£¬ÐèÒª¶à×ö°¸Àý£¬Ë¼ÖÂ˼¿¼£¬µ«ÓÐʱºò×¢Òâ×ÊÁϵÄÊÕ¼¯ÓëÕûÀíÒ²ÊǷdz£ÖØÒªµÄ£¬ÔÚʵ¼Ê¿ª·¢ÖÐÍùÍù»áÆðµ½Ê°빦±¶µÄЧ¹û¡£ÔÚwww.phpq.netµÄÎĵµÖУ¬Ò²ÌṩÁ˷ḻµÄÄÚÈÝ¡£ÏÂÃæÒ»Ð©¹ØÓÚ°´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÄ³£ÓÃCSSÑùʽ¡£´ó¼Ò¿ÉÒԲο¼¡£
Ò»¡¢°´Å¥Ñùʽ
.buttoncss {
font-family: "tahoma", ......
1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾;
2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo
3.Ëõ¶Ì¸Ä°æÊ±¼ä¡£Ö»Òª¼òµ¥µÄÐ޸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏÇ§Ò³ÃæµÄÕ¾µã¡£
4.Ç¿´óµ ......
ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......
ÍøÒ³²ÉÓÃÁË UTF-8 ±àÂë¸ñʽ£¬Õâ±¾À´Ã»ÓÐÎÊÌ⣬ÎÊÌâÊÇÍⲿ CSS ÎļþĬÈÏÊÇ ANSI ±àÂ룬²¢Ã»Óб£´æÎª UTF-8 ¸ñʽ¡£¿ÉÄÜÄã»á·¢ÏÖÔÚÒ»°ãÇé¿öÏÂÕâÑùÒ²ÊÇûÓÐÎÊÌâµÄ£¬È»¶øµ± CSS ÎļþÖаüº¬ÓÐÖÐÎÄ×¢ÊÍʱ¾Í¿ÉÄܲ»¾¡ÈçÈËÒâÁË£¡
¡¡¡¡¹À¼ÆÊÇ IE6 °æ±¾ÒÔϵÄä¯ÀÀÆ÷ÔÚ½âÎöÕâ¸ö CSS ÎļþʱÒòΪ±àÂëÎÊÌâ¶øÎÞ·¨ÕýÈ·½âÎö£¬ËùÒԲŻᷢÉú CSS ......
5ÖÖ·½·¨Á¢¿Ìд³ö¸üºÃµÄCSS´úÂë
Òý×Ô:http://bbs.seuuo.com/thread-2625-1-3.html
µ±È»£¬Ã¿¸öÈ˶¼¿ÉÒÔ±àдCSS´úÂ룬ÉõÖÁÄãÏÖÔÚÒѾÈÃËüΪÄãµÄÏîÄ¿¹¤×÷ÁË¡£µ«ÊÇCSS»¹¿ÉÒÔ¸üºÃÂ𣿿ªÊ¼ÓÃÕâ5¸öTips¸Ä½øÄãµÄCSS°É£¡
1.ÖØÖÃ
Ê×ÏÈ£¬ºÜÈÏÕæµÄ¸æËßÄ㣬×ÜÊÇÒªÖØÖÃijЩ·ÖÀà¡£ÎÞÂÛÄãÊÇʹÓà Eric Meyer Reset¡¢YUI Reset»òÕßÄã×Ô¼º±à ......