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

ÍøÒ³Öг£ÓõöcSS¼¼ÇÉ

 
Õâ¶Îʱ¼äÔÚѧϰcss£¬×ܽáÁËһЩ¼¼ÇÉÀ´ºÍ´ó¼Ò·ÖÏíÏ£º
¡¡¡¡1¡¢Ê¹Óà line-height ´¹Ö±¾ÓÖÐ
¡¡¡¡line-height:24px;
¡¡¡¡Ê¹Óù̶¨¿í¶ÈµÄÈÝÆ÷²¢ÇÒÐèÒªÒ»Ðд¹Ö±¾ÓÖÐʱ£¬Ê¹Óà line-height ¼´¿É(¸ß¶ÈÓ븸²ãÈÝÆ÷Ò»ÖÂ)£¬¸ü¶àµÄ´¹Ö±¾ÓÖÐ×ܽá¿ÉÒÔ¿´ÕâÀï¡£
¡¡¡¡2¡¢Çå³ýÈÝÆ÷¸¡¶¯
¡¡¡¡#main {
¡¡¡¡overflow:hidden;
¡¡¡¡}
¡¡¡¡ÆÚǰҲÌáµ½¹ýÕâÑùµÄÎÊÌ⣬¸ü¶àÐÅÏ¢¿ÉÒÔ¿´ÕâÀï¡£
¡¡¡¡3¡¢²»ÈÃÁ´½ÓÕÛÐÐ
¡¡¡¡a {
¡¡¡¡white-space:nowrap;
¡¡¡¡}
¡¡¡¡ÉÏÃæµÄÉ趨¾ÍÄܱÜÃâÁ´½ÓÕÛÐУ¬²»¹ý¸öÈ˽¨Ò鳤Á´½Ó»áÓÐÏàÓ¦µÄÕâÐÐ(Óйػ»Ðз½ÃæµÄÌÖÂÛ£¬²Î¿´Ô²ÐĵļǼ)¡£
¡¡¡¡4¡¢Ê¼ÖÕÈà Firefox ÏÔʾ¹ö¶¯Ìõ
¡¡¡¡html {
¡¡¡¡overflow:-moz-scrollbars-vertical;
¡¡¡¡}
¡¡¡¡¸ü¶àµÄ Mozilla/Firefox ˽ÓÐ CSS ÊôÐÔ¿ÉÒԲο¼ÕâÀï¡£Ðè¿çä¯ÀÀÆ÷µÄÖ§³Ö£¬Ò²¿ÉÒÔʹÓÃ
¡¡¡¡body, html {
¡¡¡¡min-height:101%;
¡¡¡¡}
¡¡¡¡5¡¢Ê¹¿éÔªËØË®Æ½¾ÓÖÐ
¡¡¡¡margin:0 auto;
¡¡¡¡Æäʵ¾ÍÊÇ
¡¡¡¡margin-left: auto;
¡¡¡¡margin-right: auto;
¡¡¡¡Õâ¸ö¼¼ÇÉ»ù±¾ÉÏËùÓÐµÄ CSS ½Ì¿ÆÊé¶¼»áÓÐ˵Ã÷£¬±ðÍü¼Ç¸øËü¼ÓÉϸö¿í¶È¡£Exploer ÏÂÒ²¿ÉÒÔʹÓÃ
¡¡¡¡body{
¡¡¡¡text-align: center;
¡¡¡¡}
¡¡¡¡È»ºó¶¨ÒåÄÚ²ãÈÝÆ÷
¡¡¡¡text-align: left;
¡¡¡¡»Ö¸´¡£
¡¡¡¡6¡¢Òþ²Ø Exploer textarea µÄ¹ö¶¯Ìõ
¡¡¡¡textarea {
¡¡¡¡overflow:auto;
¡¡¡¡}
¡¡¡¡Exploer ĬÈÏÇé¿öÏ textarea »áÓд¹Ö±¹ö¶¯Ìõ(²»ÒªÎÊÎÒΪʲô)¡£
¡¡¡¡7¡¢¡¡ÉèÖôòÓ¡·ÖÒ³
¡¡¡¡h2 {
¡¡¡¡page-break-before:always;
¡¡¡¡}
¡¡¡¡page-break-before ÊôÐÔÄÜÉèÖôòÓ¡ÍøÒ³Ê±µÄ·ÖÒ³¡£
¡¡¡¡8¡¢¡¡É¾³ýÁ´½ÓÉϵÄÐéÏß¿ò
¡¡¡¡a:active, a:focus {
¡¡¡¡outline:none;
¡¡¡¡}
¡¡¡¡Firefox ĬÈÏ»áÔÚÁ´½Ó»ñµÃ½¹µã(»òÕßµã»÷ʱ)¼ÓÉÏÌõÐéÏß¿ò£¬Ê¹ÓÃÉÏÃæµÄÊôÐÔ¿ÉÒÔɾ³ý¡£
¡¡¡¡9¡¢×î¼òµ¥µÄ CSS ÖØÖÃ
¡¡¡¡* {
¡¡¡¡margin: 0; padding: 0
¡¡¡¡}
½»Á÷QQ903458239


Ïà¹ØÎĵµ£º

8¸ö²»¼æÈÝIE 8µÄCSSÑùʽд·¨


Internet Explorer 8Ô¤ÉèÊÇÒÔCSS 2.1Ϊ±ê×¼£¬²¢ÐÞÕýÁËÐí¶àInternet Explorer 7µÄCSS Bug£¬ÕâÒâζ×ÅÓÐÒ»²¿·ÝÒÔÍùÒÀ¾ÝIE 7ËùÉè¼ÆµÄÍøÒ³£¬
ÔÚIE 8ÉϵijÊÏÖ»áÓÐËù³öÈ룬ËùÐÒ°ÝIE 7ÏàÈݼìÊÓ¹¦ÄÜËù´Í£¬Ä¿Ç°ÒòʹÓÃIE 8¶øµ¼Ö°æÃæ´íÎóµÄÍøÕ¾²¢²»¶à¡£
µ«Ò»ÖµÒÀÀµIE 7ÏàÈݼìÊÓ¹¦Äܲ¢·Ç³¤¾ÃÖ®¼Æ£¬¾¡Ôç½«ÍøÕ¾ÐÞ¸ÄΪIE 8ÏàÈݲÅÊdz¤¾Ã ......

ûÏëµ½µÄ¡¢²»³£ÓõÄÈý¸öcssÊôÐÔ£¡

×÷Õߣºtinyhill¡¡À´×Ô£ºÀ¶É«ÀíÏë ¶Ô ¡¶5 ¸ö¼òµ¥ÊµÓÃµÄ CSS ÊôÐÔ¡·½øÐб༭
1¡¢CSS Clip
¼ô¼­ (clip) ÊôÐÔ¾ÍÏñÒ»¸öÃæ¾ß¡£ËüÔÊÐíÄãʹÓþØÐÎÑÚ¸ÇÒ³ÃæÔªËØµÄÄÚÈÝ¡£Òª¼ô¼­Ò»¸öÔªËØ£ºÄã±ØÐëÖ¸¶¨Æä position ÊôÐÔΪ absolute£¬È»ºóÖ¸¶¨Ïà¶ÔÓÚÔªËØµÄ top£¬right£¬bottom£¬left Öµ¡£
ͼƬ¼ô¼­ÊµÀý£¨ÑÝʾ£©
ÒÔÏÂʾÀýÑÝʾÁËÈç ......

ÎÒÈçºÎ¿´´ýDIV+CSS¼Ü¹¹(Ò»)

+++ ÿ¸ãITµÄÈ˶¼ÖªµÀB/SϵͳµÄDIV+CSS½á¹¹£¬ÖªµÀËüµÄºÃ¡£µ«Èç¹ûÄãÎÊ£¬DIV+CSS½á¹¹ÊÇʲô£¿ºÃÔÚÄÄÀï?ʵ¼ÊÏîĿӦ¸ÃÈçºÎÌåÏÖ»òʵÏÖ£¿Ã¿¸öÈ˶¼ÄܺÍÄã°×»ï¼¸¾ä£¬ÓÐЩÈËÉõÖÁ»áÌÏÌϲ»¾ø£¬¶øÍùÍùÕâЩÌÏÌϲ»¾øµÄÈËÒ²Ö»ÊÇÌýÁíһЩÌÏÌϲ»¾øµÄÈË˵µÄ£¬½ö½öÊÇ“½ÓÊÕ”²¢“½ÓÊÜ”ÁËÐÅÏ¢£¬That is all£¬¾ÍÏñÒ»ÕÅ´ÅÅÌ£ ......

ÓÃcssÉèÖõÄTABLE±ß¿ò¸ñʽ´úÂë

TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......

cssСÎÊÌâ»ýÀÛ

 Ò»¡¢cssÓÅÏÈÓÚλÖÃÒ²ÓйØÏµ
.vmÓë.vb ÑùʽµÄ¶¨ÒåÔÚÓÅÏȼ¶±ðÉÏÊÇÏàͬµÄ£¬µ«ÊÇÈç¹ûÔÚhtmlÊôÐÔÀïclass="vm vb"¶¨ÒåµÄ»°ÓÅÏȼ¶²¢²»ÊÇдÔÚÊôÐÔÀïµÄ˳Ðò£¬¶øÊÇдÔÚÑùʽÀï˳ÐòÀ´¾ö¶¨µÄ¡£ÈçϵÄÀý×Ó
<mce:style><!--
.vm{vertical-align:middle} /* ÓÉÓÚλÖÃÔ­ÒòÓÅÏÈÓÚvb*/
.vb{vertical-align:baseline}
--> ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ