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
¡¡¡¡ÕâÖÖ¼òд¼¼ÇÉÖ»ÊÊÓÃÓڳɶԳöÏÖµÄÑÕɫֵ£¬ÆäËüÑÕɫֵ²»ÊÊÓÃÕâÖÖ¼¼ÇÉ£¬±ÈÈç:
¡¡
Ïà¹ØÎĵµ£º
ǶÈëʽSGF²é¿´ºÍ±à¼Æ÷
EidoGo Player
(SGF viewer and editor) ÊÇÒ»¿î¿ªÔ´£¨AGPLv3
Ðí¿É£©´¿javascript+css±àд¡¢ÔÚä¯ÀÀÆ÷ÄÚÔËÐеÄΧÆå´òÆ×¡¢±à¼Èí¼þ¡£
¿ÉǶÈëµ½ÈκÎÒ³Ãæ£¬Ìṩ´òÆ×¡¢±à¼SGFÆåÆ×¡£
Ô´´úÂ룺http://code.google.com/p/eidogo/
Àý×Ó£ºµÚ24½ìÌìÔªÕ½±¾ÈüµÚ1ÂÖ 2010-01-27 ³£ê»vsÂÞÏ´ºÓ °×ÖÐÅÌʤ
(
......
ÏàÐźܶàÈ˶¼·Ç³£Ï²»¶ÓÃdiv+css²¼¾Ö,ÎÞÂÛÄãÊÇǰ¶Ë¿ª·¢Õߣ¬»¹ÊǺǫ́³ÌÐòÔ±£¬ÒòΪËüµÄºÃ´¦ÊµÔÚÌ«¶à£¬¿ÉÒÔÓúÜÉٵĴúÂëÀ´¿ØÖƲ¼¾Ö£¬È»ºóÓÃCSS±íÏÖÆäÐÎ̬£¬±íÏÖºÍÑùʽ·ÖÀë¡£¶øÇÒÔÚSEO·½Ã棬Ëü»¹ÄÜÌṩ30%µÄÓÅ»¯£¬ÎÒÃǺÎÀÖ¶ø²»ÎªÄØ¡£
ºÜ¶àÈ˶¼»áÅöµ½ÈçÌâµÄ²¼¾ÖÎÊÌ⣬½â¾ö·½°¸ºÜ¶à£¬¿ÉÒÔÓñ³¾°Í¼À´Ìî³ä£¬»òÓÃjsÀ´¿ØÖÆ£¬µ«ÖÕ²»Ê ......
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄ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< ......