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
¡¡¡¡ÕâÖÖ¼òд¼¼ÇÉÖ»ÊÊÓÃÓڳɶԳöÏÖµÄÑÕÉ«Öµ£¬ÆäËüÑÕÉ«Öµ²»ÊÊÓÃÕâÖÖ¼¼ÇÉ£¬±ÈÈç:
Ïà¹ØÎĵµ£º
CSSµÄÓÅ»¯Í¨³£°üÀ¨Á½·½Ãæ: ¸ñʽ»¯CSSºÍ¾«¼òCSS
¡£
¾«¼òCSSµÄ°ì·¨ÊǰѾßÓÐÏàͬÊôÐÔµÄÔªËغϲ¢ÔÚÒ»Æ𣬵«Õâ»á½µµÍ´úÂëµÄ¿É¶ÁÐÔ£¬Ê¹´úÂëµÄºóÆÚά»¤ºÜÂé·³£¬ÉÔ²»×¢Òâ¾Í³ö´í¡£
¸ñʽ»¯CSSÒ»°ã¾ÍÊǶàÐÐģʽ»òµ¥ÐÐģʽµÄÑ¡Ôñ£¬±ÈÈçÎÒ¸öÈ˾ÍÍêÈ«Êܲ»Á˶àÐÐģʽ
ÏÂÃæÊÇһЩÔÚÏßµÄCSSÓÅ»¯¹¤¾ß£¬ÄÜÈÃÄã·½±ãµÄ¶ÔCSSÎļþ½ ......
margin Íâ±ß¾à
border ±ß¿ò
padding Äڱ߾à
Ò²¾ÍÊÇ˵ ÉèÖÃmargin ÄÇôËûËùÕ¼¾ÝµÄ¿Õ°×µØ·½»áÊÇÔڱ߿òÍâÃæ
ÉèÖÃpadding ËûËùÕ¼¾ÝµÄ¿Õ°×µØ·½ÊÇÔڱ߿òÀïÃæ
¶øÇÒÔÚIE6 һϵİ汾ÖÐ ´æÔÚÕâpadding ¼ÆËã´íÎóµÄBUG
CSS µÄ¿í¶ÈÊôÐÔ±¾À´ÊDz»°üº¬paddingµÄ µ«ÊÇ ÔÚieÏÂÃæÓеÄʱºò¿í¶ÈÊÇ°üº¬padding ËùÒÔ ½¨ÒéÔÚ²»ÊìϤCSS ÔÚ¶¨Î» ......
¡¡¡¡ÍøÒ³Éè¼ÆÖÐCSS²¼¾ÖÊǺÜÖØÒªµÄ²¿·Ö£¬ÏÂÃæ½éÉܼ¸ÖÖ¼ì²éµ÷ÊÔCSS²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1.¼ì²éHTMLÔªËØÊÇ·ñÓÐƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹Øϵ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2.¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ}µÈ¡£¿ÉÒÔÀûÓà ......
×¢Ã÷£ºÈç¹ûÒªÏëÒªÔÚIE6ÎÞÏÞ¼¶µÄ»°ÐèҪд¶àһЩJS£¬ÆäËûÓÎÀÀÆ÷¶¼¿ÉÒÔʹÓÃͬ¶Îjs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equ ......
CSSÊÇÒ»¸ö·Ç³£Ç¿´óµÄÍøÕ¾Éè¼Æ±ê¼ÇÓïÑÔ¡£
¡¡¡¡
¡¡¡¡ËäÈ»Äã¿ÉÄÜ»áÈÏΪ£¬ÈκÎÈ˶¼¿ÉÒÔתȥдCSS´úÂ룬µ«ÊÇΪÁËÈ·±£ÄúÔÚÕýÈ·µÄ¹ìµÀÉÏ£¬ÕâÀïÓÐÈçÏÂ8Ïî
CSSÔÔò£¬Ã¿¸öÍøÒ³Éè¼ÆʦӦ¸Ã×ñÑ¡£
¡¡¡¡
¡¡¡¡1¡¢W3CÑéÖ¤
¡¡¡¡
¡¡¡¡Èç¹ûÄãÊÇ1¸öÕýÔÚдCSS±àÂëµÄÈËÔ±£¬ÄÇô½¨ÒéÄúÿ´Î¶ÔÄúËù´´½¨µÄCSS´úÂë½øÐÐÑéÖ¤¡£µ«ÊÇ£¬ÓкܶàÉè
¼ÆÊ ......