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

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Ñùʽ±íÖÐÂÒ¿ªÍæÐ¦£¬*ÊǸöͨÅä·û£¬Äã¿ÉÒÔʹÓÃËüÀ´ÎªÄãµÄÉè¼Æ²¿·Ö»òÈ«²¿½øÐÐ
һϵÁÐCSSÉùÃ÷¡£ÀýÈç:
¡¡¡¡* {
¡¡¡¡ margin: 0;
¡¡¡¡}
¡¡¡¡Õâ¸öÉùÃ÷»á½«ËùÓÐÔªËØµÄmarginÖµÉèÖÃΪ0£¬Í¬ÑùµÄ£¬ÎªÁËÑϽ÷Æð¼û£¬Äã¿ÉÒÔ³¢ÊÔÕâÑùÉèÖÃ:
¡¡¡¡#menu * {
¡¡¡¡ margin: 0;
¡¡¡¡}
¡¡¡¡ÕâÑùµÄÉùÃ÷ÊÇÖ¸½«#menuϵÄËùÓÐÔªËØµÄmarginÉèΪ0¡£
¡¡¡¡±³¾°
¡¡¡¡±³¾°(background)ÊôÐÔ¿ÉÄÜ»á°üº¬ÉèÖñ³¾°É«¡¢±³¾°Í¼¡¢±³¾°Í¼µÄλÖúͱ³¾°Í¼Öظ´·½Ê½µÄ²ÎÊý£¬Äã¿ÉÄÜ»áд³É:
¡¡¡¡background-image: url(”logo.png”);
¡¡¡¡background-position: top center;
¡¡¡¡background-repeat: no-repeat;
¡¡¡¡Æäʵ¿ÉÒÔд³É:
¡¡¡¡background: url(logo.png) no-repeat top center;
¡¡¡¡ÑÕÉ«
¡¡¡¡ÑÕÉ«(color)ÊôÐÔÔÚCSSͨ³£Ö¸¶¨ÎªÒ»¸öÊ®Áù½øÖƵÄÖµ,Ò»¸ö#¼Ó6λÊý£¬ËûµÄ¼òд·½Ê½ÊÇÈç¹ûÑÕɫֵÓɳɶԶù³öÏÖµÄ
Èý¶Ô¶øÊý×Ö×é³É£¬Äã¿ÉÒÔÊ¡ÂÔµôû¶ÔÖеÄÒ»¸öÊý×Ö¡£
¡¡¡¡#000000 ¿ÉÒÔд³É #000, #336699 ¿ÉÒÔд³É #369
¡¡¡¡ÕâÖÖ¼òд¼¼ÇÉÖ»ÊÊÓÃÓڳɶԳöÏÖµÄÑÕɫֵ£¬ÆäËüÑÕɫֵ²»ÊÊÓÃÕâÖÖ¼¼ÇÉ£¬±ÈÈç:
¡¡


Ïà¹ØÎĵµ£º

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá
2010-01-23 15:25
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬´¦ÀíµÄÓÅÏȼ¶²»Ò»Ñù¡£Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS´ïµ½ÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾÏëÒªµÄЧ¹û¾ÍÊÇcss hack¡£ÏÈÌùÁ½¸öÖ±¹ÛµÄ¶Ô±Èͼ£º
ÔÙÌùÒ»¶Î´úÂ룺
#bgcolor {
background:red !important; /* Firefox µÈÆäËûä¯ÀÀÆ÷ * ......

»¬¶¯Í¼Æ¬Õ¹Ê¾Ð§¹û£¨js+css£©

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.zishu.cn< ......

CSS Transition ÈëÃÅ

¾¡¹ÜÈËÃÇÆÚ´ýÆÁÄ»ÏÔʾ¼¼ÊõÓÐËù¸Ä½ø£¬µ«CSSºÍHTMLÈ´Ö»ÌṩÁËÉÙÊýµÄ½»»¥Éè¼Æ¿ØÖÆ£¬¶øÇÒ»¹Ö»ÊÇË«Ïò״̬µÄ¶ø·Ç½¥½ø×´Ì¬£¬È磺һ¸öÁ´½ÓÖ»ÄÜÊÇÒ»ÖÖÑÕÉ«»òÁíÒ»ÖÖÑÕÉ«£¬Îı¾ÓòÖ»ÄÜÊÇÒ»Öֳߴç»òÁíÒ»Öֳߴ磬һ·ùÕÕÆ¬ÒªÃ´Í¸Ã÷Ҫô²»Í¸Ã÷¡£Ã»ÓдÓÁ½ÖÖ״̬µÄÖ®¼äµÄ²¿·Ö£¬¼´Ã»Óйý¶É¡£
ÕâÖÖ²»ÓÅÑŵÄÇл»Ð§¹ûʹºÜ¶àÒ³ÃæÈÃÈ˸оõͻأ¡£ËäÈ ......

CSS¾­µäʵÓü¼ÇÉ10ÕÐ


Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï
¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥
룬±ÈÈç:width: 100px width: ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ