Í·Í´µÄcss£¨div£©²¼¾Ö
ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡¡¡¡ÎÊÌâÏÖÏó£ºieÖÐÏÔʾÕý³££¬firefoxÖÐÈ´Ö§ÀëÆÆËé¡£¿É´óÖÂ×ܽáΪ£ºÓеı¾À´¾ÓÖеÄûÓоÓÖУ»±¾À´ÔÚ×îÏÂÃæµÄÅܵ½ÉÏÃæÀ´ÁË£»±¾À´ÔÚÒ»²àµÄ½á¹ûµ½Á˱𴦣»ÓеÄÔÚ100px´¦£¬¿É¿´ÆðÀ´ÏñÔÚ105px£¨¾ÙÀý¶øÒÑ£©´¦£»Í¬ÔÚÒ»¸ö¸¸²ãÖеÄÁ½¸ö×Ӳ㣬һ¸öÄÚÈݶàЩ´Ó¸ß¶ÈÉÏÀ´Ëµ×ÔÈ»ÀÉ죬µ«ÁíÒ»¸ö×Ó²ãÈ´²»¸ú×ÅÀÉ죻һ´®Ó¢ÎĹý³¤³¬³öÁËÔÉ趨µÄ±ß½ç¡£½ÓÏÂÀ´Ò»¸öÒ»¸ö˵£º
¡¡¡¡1¡¢±¾À´¾ÓÖеÄûÓоÓÖÐ
¡¡¡¡ÔÚieÖÐÏÔʾÊǾÓÖеģ¨Ö»ÐèÒªÉèÖÃbodyµÄtext-align:center;²»ÖªµÀΪʲô¸Ð¾õÕâÑùÉèÖúÜÆæ¹Ö¡££©£¬ÔÚfirefoxÖÐÏÔʾÊÇ¿¿×óµÄ¼´Ã»ÓоÓÖУ¬ÖØмì²éÁËÏ·¢ÏÖÐèÒªÉèÖÃmarginÀ´Ê¹ÏàÓ¦¶ÔÏó¾ÓÖУºmargin:0 auto;¡¡ÉèÖõÄÖµµÄº¬ÒåÎҾͲ»ËµÁË¡£
¡¡¡¡2¡¢±¾À´ÔÚ×îÏÂÃæµÄÅܵ½ÉÏÃæÀ´ÁË
¡¡¡¡ÎÒ²ÉÓõÄÊÇfooterµ¥¶ÀÒ»¸öÐеIJ¼¾Ö£¬Ò²¾ÍÊÇ˵£¬ÔÚfooterµÄ×óÓÒÊÇûÓÐÆäËû²ãµÄ¡£ÔÚieÖÐÏÔʾΪ×îÏÂÃ棨cssͬÑùҲûÓÐÌرðÉèÖã©£¬ÔÚfirefoxÖÐÏÔʾÅܵÄÉÏÃæÀ´ÁË£¬Õâ¸öÎÊÌâÊÇÒòΪûÓÐÉèÖÃclear£¬ÐèÒªÉèÖÃΪclear:both; ¼´²»ÔÊÐí¸Ã²ãÁ½±ßÓи¡¶¯¶ÔÏó¡£
¡¡¡¡3¡¢±¾À´ÔÚÒ»²àµÄ½á¹ûµ½Á˱ð´¦
¡¡¡¡ÔÚieÖÐsidebarÏÔʾÔÚÕý³£µÄÒ³ÃæÖв¿µÄÓҲࣨÎҵIJ¼¾Ö·ÖΪÉÏÖÐÏÂÈý²¿·Ö£¬ÉÏÏ·ֱðΪheaderºÍfooter£¬Öв¿ÎªÌû×ÓÁбíºÍsidebar£¬sidebarÔÚÖв¿µÄÓҲࣩ£¬ÔÚfirefoxÖÐsidebarÅܵ½ÁËÖв¿µÄÏÂÃ棬footerµÄÉÏÃæ¡£
¡¡¡¡Æð³õÎÒÈÏΪ¿ÉÄÜÊÇsidebarÉèÖÃΪfloat:right;µÄÔµ¹ÊÅųýºó£¬ÎÒ½«sidebarµÄfloatÉèÖÃÈ¥µô£¬×ª¶øͨ¹ýÉèÖÃmarginÀ´Ê¹sidebarÏÔʾÔÚÖв¿µÄÓҲ࣬µ«Ëü»¹ÊÇÍç¹ÌµÄ´ýÔÚÏÂÃ棬×îºóͨ¹ý·´¸´µÄ¼ì²é·¢ÏÖ֮ǰÎÒÔÚsidebarµÄÒ»¸öulÑùʽÖÐÓÐÒ»¸öclear:both;µÄÉèÖ㬽«ËüÈ¥µôºósidebarÔÚfirefoxÖлص½ÉÏÃæÁË£¬µ«ÔÚieÖл¹ÊÇÔÚÏÂÃ棨¼ì²é·¢ÏÖÊÇÒòΪ¸Õ²Åµ÷ÊÔµÄʱºò½«marginµÄÖµÉèÖõÄÌ«´óÁË£¬firefoxÏÔʾΪ¼ÌÐøµÄÓÒÒÆ£¬¶øÔÚieÖоÍתµ½ÏÂÒ»ÅÅÁË£¬ÐÞ¸ÄmarginÖµºóûÓÐÕâ¸öÎÊÌâÁË£©¡£
¡¡¡¡µ«ÊÇÕâÑùÈ´·¢ÏÖieÖкÍfirefoxÖÐÓм¸¸öÏóËصIJî±ð£¬ÔÚieÉèÖÃΪºÏÊʵÄλÖ㬿ÉÔÚfirefoxÖоͿ¿×óÁËЩ¡£Õâ¸öÎÊÌâÎÒûÓзÖÎöÇå³þ£¬ÔÝʱÈÏΪÊÇä¯ÀÀÆ÷¼äµÄ´¦Àí²»Í¬°É¡£×îºóÎÒ»¹ÔsidebarµÄfloatÉèÖÃΪright£¬ÕâʱÁ½
Ïà¹ØÎĵµ£º
×î½ü,¾³£ÓÐÅóÓÑÎÊÎÒһЩ¹¤×÷ÖÐÓöµ½µÄCSSÎÊÌâ¡£ËûÃÇ×ÜÊDz»ÄܺܺõĿØÖÆCSS£¬Ó°ÏìCSSµÄЧÂÊ·¢»Ó¡£ÎÒÀ´·ÖÎö×ܽáһϴíÎóËùÔÚ£¬°ïÖú´ó¼Ò¸ü¼ÓÈÝÒ×ʹÓÃCSS¡£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö·½·¨ÒÔÀ´ËùÓеļ¼ÇɺͼæÈÝ·½°¸£¬ÎÒÔ¸Òâ°ÑÕâЩÓëÄã·ÖÏí£¬ÎÒ»áÖصã½âÊÍһЩÐÂÊÖÈÝÒ×·¸µÄ´íÎó(°üÀ¨ÎÒ×Ô¼ºÒ²·¸¹ýµÄ)£¬Èç¹ûÄãÒѾÊÇCSS¸ßÊÖ£¬ÕâÐ ......
ÓÉÏÂÍùÉϵģº
<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 ......
Ò» CSSÎÄ×ÖÊôÐÔ£º
color : #999999; /*ÎÄ×ÖÑÕÉ«*/
font-family : ËÎÌå,sans-serif; /*ÎÄ×Ö×ÖÌå*/
font-size : 9pt; /*ÎÄ×Ö´óС*/
font-style:itelic; /*ÎÄ×ÖбÌå*/
font-variant:small-caps; /*С×ÖÌå*/
letter-spacing : 1pt; /*×Ö¼ä¾àÀë*/
line-height : 200%; /*ÉèÖÃÐиß*/
......
ÍøÒ³¿ª·¢ÈËÔ±¶¼ÖªµÀ,ÏÖÔÚµÄä¯ÀÀÆ÷¶Ô²»Í¬µÄjs,cssµÄ½âÎö²»¾¡Ïàͬ£¬ÌرðÊǣɣÅÔçÆÚ°æ±¾µÄ²»¹æ·¶.²»¹ýÒÔºó»áºÃһЩ£¬ÏÖÔÚµÄä¯ÀÀÆ÷а汾¶¼ÔÚÏò£×£³£Ã¿¿Â££®ÏÖÔÚÎÒÃÇÒª½â¾öµÄÊÇÏÖÔÚµÄÎÊÌ⣮
½â¾öcssºÍjsÕë¶Ô²»Í¬ä¯ÀÀÆ÷¼æÈݵÄÎÊÌâ
Ê×ÏÈ̸һÏÂä¯ÀÀÆ÷£¬ËäÈ»ÏÖÔÚieÒÀÈ»ÊÇä¯ÀÀÆ÷Êг¡µÄÀϴ󣬴óÔ¼Õ¼ÓÐ67%µÄ·Ý¶î£¬µ«ÊÇÓÉÓÚÆä¸÷·½ÃæµÄ ......
50¿îcss¹¤¾ß
Òý×Ô:http://bbs.seuuo.com/thread-2613-1-3.html
50¿îCSS¹¤¾ß£¬°üº¬£¬CSSÍø¸ñºÍ²¼¾Ö¹¤¾ß£¬CSS ÓÅ»¯¹¤¾ß£¬CSS ²Ëµ¥Éú³É¹¤¾ß£¬CSS °´Å¥Éú³ÉÆ÷£¬CSS Ô²½ÇÉú³ÉÆ÷£¬CSS ¿ò¼Ü£¬CSS SpritesÉú³ÉÆ÷£¬CSS ÅŰ湤¾ßÒÔ¼° CSS ±íµ¥Éú³ÉÆ÷¡£
Íø¸ñºÍ²¼¾ÖThe 1KB CSS Grid
ÐÂÓ±µÄ CSS Íø¸ñ¹¤¾ß£¬¿ÉÓÃÓÚ¼ò»¯ÄÚÈݹÜÀíϵͳµÄ ......