Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB
ÈÈÃűêÇ©£º c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml
 ×îÐÂÎÄÕ : css

CSSÑùʽÎļþÓÅ»¯ ¸üÕû½à¶øÇåÎú


CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆΪCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙ
CSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö׶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»
¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶÓÆäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òд¼¼ÇÉ£¬ËüÃÇÆäʵÊÇCSS×î³£ÓõÄд·¨£¬µ«ÊÇÌ«¶àµÄÈËʹÓÃDreamweaverÕâÖÖËù
¼û¼´ËùµÃÈí¼þÀ´±àдCSS£¬Ê¹µÃ´úÂë¹ýÓÚÓ·Öס£²»¹ýû¹Øϵ£¬¿´¹ý±¾ÎÄÖ®ºó£¬ÄãÒ»ÄÜÄÜÕÆÎÕCSS´úÂëÓÅ»¯µÄ¼¼
ÇÉ£¬½ñºóÈÃÄãµÄÿһ¸öCSSÑùʽ±í¶¼¿´ÆðÀ´Õû½à¶ø¼ò¶Ì°É¡£
¡¡¡¡ÊôÐÔֵΪ0£¬²»±ØÌí¼Óµ¥Î»
¡¡¡¡ÊéдԭÔòÊÇÈç¹ûCSSÊôÐÔֵΪ0£¬ÄÇôÄã²»±ØΪÆäÌí¼Óµ¥Î»(Èç:px/em)£¬Äã¿ÉÄÜ»áÕâÑùд:
¡¡¡¡padding: 10px 5px 0px 0px;
¡¡¡¡ÊÔÊÔÕâÑù°É:
¡¡¡¡padding: 10px 5px 0 0;
¡¡¡¡ÒƳýÑ¡ÔñÆ÷
¡¡¡¡Ñ¡ÔñÆ÷ÊÇÄãÔÚΪһЩԪËØÓ¦ÓÃCSSÑùʽʱµÄ»ù±¾·½·¨£¬±ÈÈçh1, h2, h2, div, strong, pre, ul, olµÈ
µÈ…Èç¹ûÄãʹÓÃÁËclass(.ÀàÃû)»òID(#idÃû),ÄÇô¾Í²»ÓÃÔÙÔÚÉùÃ÷CSSʱ°üº¬Ñ¡ÔñÆ÷ÁË¡£
¡¡¡¡div#logowrap
¡¡¡¡³¢ÊÔÈÓµô¶àÓàµÄÑ¡ÔñÆ÷°É:
¡¡¡¡#logowrap
¡¡¡¡ÔÚÕâ¸öÀý×ÓÖÐËùνµÄÄǸ ......

³ÎÇåDIV+CSSÉè¼ÆµÄÎóÇø


µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾Í
ÒªÖսᣬÂíÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄ㶼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄ㶼²»
ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬ÄãÒª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõôÕæÕýµÄÀûÓÃDIV+CSSÓÅ»¯Õ¾µã£¬¶ø²»ÊǹÒÑòÍ·Âô¹·È⣬²å´ó´Ð×°´ó
ÏóÄØ?
¡¡¡¡DIV+CSSµÄÉè¼ÆÖÐÓм¸µãÎóÇø£¬ÓÈÆäÓ¦¸Ã³ÎÇ壺
¡¡¡¡1¡¢DIV+CSSµÄºÏÀíÖ®´¦ÔÚÓÚ¿ÉÒÔ½øÐÐÍøÒ³µÄͳһÉè¼Æ¹ÜÀí£¬Í¨¹ýÒ»¸öÑùʽ±í£¬Ç£Ò»·¢¶ø¶¯È«Éí£¬Ö»ÒªÐÞ
¸ÄÑùʽ±í£¬¾Í¿ÉÒÔͳһȫվµÄ·ç¸ñ£¬Èç¹ûΪһ¸öÒ³Ãæµ¥¶À×öÒ»¸öÑùʽ±í£¬»òÕßÒ»¸ödiv¾Í×öÒ»¸öÑùʽ±í£¬Ã»
ÓÐÈ«¾ÖÉè¼Æ¹ÛÄÄÇôÕâ¸ödiv+CSSµÄÉè¼Æ·½Ê½¾ÍÍêȫûÓбØÒª£¬ÉõÖÁ³ÉÁËÀÛ׸;
¡¡¡¡2¡¢ÏñTableÒ»ÑùÓÃDIV+CSS£¬ÎÞÇµÄǶÌ×£¬ÆäЧ¹ûÓëTableÉè¼ÆûÓÐÁ½Ñù£¬²¢²»»á´øÀ´ËÑË÷ÒýÇæµÄÓÅ»¯
Ч¹û£¬·´¶ø»áÔö¼ÓÒ³ÃæµÄ¸ºµ£;
¡¡¡¡3¡¢ÍƳçDiv+CSS£¬È´²»¿¼ÂǼæÈÝÐÔ£¬TABLEÉè¼ÆÓÉÀ´ÒѾ㬵õ½ä¯ÀÀÆ÷µÄ¹ã·ºÖ§³Ö£¬ËùÒÔÏÔʾЧ¹ûºÜºÃ
£¬²»»á³öÏÖ´íλÇé¿ö£¬µ«ÊÇDIV+CSSÈ´ÔÚ²¿·Öä¯ÀÀÆ÷ÖлᷢÉúÒ³Ãæ´íλµÄÇé¿ö£¬Òò´ËÔÚ½øÐÐÉè¼ÆµÄʱºòÒ²Òª
¿¼ÂÇ ......

DIV CSSÉè¼ÆʱIE6/IE7/FF ¼æÈÝÐÔÎÊÌâ½â¾öƪ

ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌ⣬ÌرðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍø£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÂÒ¿ÉÄܳöÈ¥²»Ïë³öÏÖµÄЧ¹û£¡
ËùÓÐä¯ÀÀÆ÷ ͨÓÃ
height: 100px;
IE6 רÓÃ
_height: 100px;
IE6 רÓÃ
*height: 100px;
IE7 רÓÃ
*+height: 100px;
IE7¡¢FF ¹²ÓÃ
height: 100px !important;
Ò»¡¢CSS ¼æÈÝ
ÒÔÏÂÁ½ÖÖ·½·¨¼¸ºõÄܽâ¾öÏÖ½ñËùÓмæÈÝ.
1, !important (²»ÊǺÜÍƼö£¬ÓÃÏÂÃæµÄÒ»Öָоõ×ȫ)
Ëæ×ÅIE7¶Ô!importantµÄÖ§³Ö, !important ·½·¨ÏÖÔÚÖ»Õë¶ÔIE6µÄ¼æÈÝ.(×¢Òâд·¨.¼ÇµÃ¸ÃÉùÃ÷λÖÃÐèÒªÌáÇ°.)
´úÂë:
<style>
#wrapper {
width: 100px!important;
width: 80px;
}
</style>
2, IE6/IE77¶ÔFireFox <from Õë¶Ôfirefox ie6 ie7µÄcssÑùʽ>
*+html Óë *html ÊÇIEÌØÓеıêÇ©, firefox Ôݲ»Ö§³Ö.¶ø*+html ÓÖΪ IE7ÌØÓбêÇ©.
´úÂë:
<style>
#wrapper { width: 120px; }
*html #wrapper { width: 80px;}
*+html #wrapper { width: 60px;}
</style>
×¢Òâ:
*+html ¶ÔIE7µÄ¼æÈݱØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷£º
´úÂë:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tran ......

IE7ÖÐÉú³É¸ßÖÊÁ¿CSSËõÂÔͼ¼¼ÇÉ

ÔÚÇ°¶Ë¿ª·¢ÖУ¬ÎÒÃǾ­³£Óöµ½ÕâÑùµÄÇé¿ö£º·þÎñÆ÷´«µ½Ç°¶ËµÄͼƬÐèÒªËõСÒÔÏÔʾ£¨ÈçÏ£©£¬ÔÚ½«ÆäËõ·ÅÖ®ºó£¬IEÖÐͼƬЧ¹û²»ÈÝÀÖ¹Û¡£
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7Ö§³Ö×Ô¶¨ÒåË«Èý´Î“ÖزÉÑùģʽ”¡£devthoughtΪÎÒÃÇÌṩÁËÒ»ÖÖÔÚIE7ÖÐÉú³É¸ßÖÊÁ¿ËõÂÔͼ·½·¨£¬Ö»ÐèÒª¶ÔͼƬʹÓÃÏÂÃæµÄcssÊôÐÔ£¬¼´¿ÉÐÞ¸´Í¼Æ¬ÖÊÁ¿¡£
img.thumb { -ms-interpolation-mode: bicubic; }
²é¿´Ê¾Àý
-ms-interpolation-mode»¹ÓÐÁíÍâÒ»¸öÊôÐÔÖµ£ºnearest-neighbor¡£ËüʹÓõÄÊÇ×î½üÁÚ½ü²åÖµËã·¨£¬»á²úÉú±È½ÏÃ÷ÏԵľâ³Ý£¬Í¼Æ¬Ä£ºý¡£¶ÔÓÚÉú³É¸ßÖÊÁ¿ËõÂÔͼÀ´ËµÏÔÈ»²»¿ÉÈ¡¡£
schill¶Ô±ÈÁËËõÂÔͼÔÚ¸÷¸öä¯ÀÀÆ÷¼äµÄ²îÒì¡£ÓëÆäËüä¯ÀÀÆ÷±È½Ï£¬operaÖÐͼÏñ±ßÔµÂÔÏÔ´Ö²Ú¡£×ÜÌåÀ´Ëµ£¬Ö÷Á÷ä¯ÀÀÆ÷ÖÐËõÂÔͼƬÖÊÁ¿»¹²»´í¡£
Òź¶µÄÊÇ£¬IE6ºÃÏñ»¹Ã»Óкܺõķ½·¨¶ÔËõÂÔͼƬ×÷ƽ»¬´¦Àí¡£ ......

CSS³£ÓÃÊôÐÔ

Css³£ÓÃÊôÐÔ£º
1. color, background-color£º±íʾÑÕÉ«µÄ¹Ø¼ü×Ö£¬16½øÖÆÊý£¨http://www.clagnut.com/blog/260ÖÐÌṩµÄcolor
scheme¹¤¾ß£©
2. font-family£º¸ÃÊôÐÔµÄÖµ¿ÉÒÔÊÇÒ»×é×ÖÌ壬°´Ï²»¶³Ì¶ÈÅÅÐòµÄ×ÖÌåÁÐ±í¡£Ò»Ð©ÖÐÎÄ×ÖÌåµÄÁÐ±í£º
WindowsµÄһЩ£º
·        
ÐÂ細Ã÷體£ºPMingLiU
·        
細Ã÷體£ºMingLiU
·        
標¿¬體£ºDFKai-SB
·        
ºÚÌ壺SimHei
·        
ËÎÌ壺SimSun
·        
ÐÂËÎÌ壺NSimSun
·        
·ÂËΣºFangSong
·        
¿¬Ì壺KaiTi
·        
·ÂËÎ_GB2312£ºFangSong_GB2312
·      & ......

CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨

CSS HACK:ä¯ÀÀÆ÷¼æÈݵÄһЩд·¨
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔ­Òò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔÌ­²»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓÐͳһµÄ¹æ·¶À´½øÐÐCoding£¬ÒÔ·½±ãά»¤¡£¶ø½â¾ö¼æÈݵķ½·¨¾ÍÊÇ£¨±ØÐëÊÇ£¬ÒòΪÕâ²Å×îÈÝÒ×ÓÐÎÊÌâµÄ£©ÆäÖÐÒ»¸ö×îÖØÒªµÄ¡¢Òª½â¾öµÄ¹æ·¶Ö®Ò»¡£
 
ÔÚ½â¾ö¼æÈÝ·½·¨ÉÏ£¬Ï붨³öÒ»¸öͳһµÄ¹æ·¶£¬¸öÈËÈÏΪӦ¸ÃÒÔÏÂÃæ3µãΪ»ù±¾Ô­Ôò£º
Ȩºâ³É±¾£ºÔÚä¯ÀÀÆ÷±»ÌÔÌ­ºó£¬ÈçºÎ¿ìËÙÇåÀíµôÎÞÓôúÂë
¿Éά»¤£ºÔÚ×ÊÔ´³É±¾ºÍÍêÃÀ¼äƽºâµÄÏòºó¼æÈÝ
¿É¶Á£ºÊ¡Á¦¡¢Ò×¼Ç
ÕâÀï°Ñ³É±¾·ÅÔÚÁ˵Úһ룬²¢²»ÊÇ˵ÎÒÃDz»Ô¸Òâ×·ÇóÍêÃÀ£¬¶øÖ»ÊÇ£¬Ì«¿ÌÒâ×·ÇóÍêÃÀÓÐʱºò¿ÉÄÜ»á×è°­ÎÒÃÇÇ°½ø£»Ôڳɱ¾ºó£¬Ó¦¸ÃÊÇ¿Éά»¤ºÍ¿É¶Á£¬Õâµã¶ÔÓÚÍŶӵĺÏ×÷À´ËµÖÁ¹ØÖØÒª£¬¶ø×îÖÕ½á¹ûÒ²ÊÇΪÁ˼õÉٳɱ¾¡£
ÏÈ°ÑÕâÈý¸öÔ­Ôò´æÆðÀ´£¬À´¿´¿´ÎÒÃÇƽʱ½â¾ö¼æÈݵÄд·¨£¨ºóÃæ»á¸½ÏêϸµÄHack·½·¨ÁÐ±í£©£º
Ò»¡¢CSS Ñ¡ÔñÆ÷ Hack
 /* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not a ......
×ܼǼÊý:772; ×ÜÒ³Êý:129; ÿҳ6 Ìõ; Ê×Ò³ ÉÏÒ»Ò³ [5] [6] [7] [8] 9 [10] [11] [12] [13] [14]  ÏÂÒ»Ò³ βҳ
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ