´´Ð»¥Áª£¨www.innont.com £©×÷ΪÉîÛÚÍøÕ¾½¨ÉèÊг¡×ÊÉîÆ·ÅÆ£¬8ÄêÀ´£¬Á¢×ã¹ã¶«£¬ÃæÏòÈ«¹ú£¬ÒÑ·þÎñ¹ý3000¶à¼Ò¾ßÓж¥¼¶·¢Õ¹Ç±Á¦µÄÆóÒµ£¬²¢Ò»Ö±±£³ÖÁ¼ºÃµÄºÏ×÷»ï°é¹Øϵ£¬ÖйúµÚÒ»¸ß¶Ë¾«Æ·ÍøÕ¾Éè¼Æ²ß»®»ú¹¹£¬ÉîÛÚÍøÕ¾½¨Éè¡¢ÉîÛÚÍøÕ¾Éè¼ÆµÚһƷÅÆ£¡
½ñÌ죬ÎÒÃǽ«Óë´ó¼ÒÒ»Æð·ÖÏí£º<< ͨ¹ýDreamweaverѧϰÁ˽âCSS >>
²ãµþÑùʽ±í (CSS) ÊÇһϵÁиñʽÉèÖùæÔò£¬ËüÃÇ¿ØÖÆ Web Ò³ÃæÄÚÈݵÄÍâ¹Û¡£Ê¹Óà CSS ÉèÖÃÒ³Ãæ¸ñʽʱ£¬ÄÚÈÝÓë±íÏÖÐÎʽÊÇÏ໥·Ö¿ªµÄ¡£Ò³ÃæÄÚÈÝ(HTML ´úÂë)λÓÚ×ÔÉíµÄ HTML ÎļþÖУ¬¶ø¶¨Òå´úÂë±íÏÖÐÎʽµÄ CSS ¹æÔòλÓÚÁíÒ»¸öÎļþ(ÍⲿÑùʽ±í)»ò HTML ÎĵµµÄÁíÒ»²¿·Ö(ͨ³£Îª ²¿·Ö)ÖС£Ê¹Óà CSS ¿ÉÒԷdz£Áé»î²¢¸üºÃµØ¿ØÖÆÒ³ÃæµÄÍâ¹Û£¬´Ó¾«È·µÄ²¼¾Ö¶¨Î»µ½Ìض¨µÄ×ÖÌåºÍÑùʽµÈ¡£
CSS ʹÄú¿ÉÒÔ¿ØÖÆÐí¶à½öʹÓà HTML ÎÞ·¨¿ØÖƵÄÊôÐÔ¡£ÀýÈ磬Äú¿ÉÒÔΪËùÑ¡Îı¾Ö¸¶¨²»Í¬µÄ×ÖÌå´óСºÍµ¥Î»(ÏñËØ¡¢°õÖµµÈ)¡£Í¨¹ýʹÓà CSS ´Ó¶øÒÔÏñËØΪµ¥Î»ÉèÖÃ×ÖÌå´óС£¬»¹¿ÉÒÔÈ·±£ÔÚ¶à¸öä¯ÀÀÆ÷ÖÐÒÔ¸üÒ»Öµķ½Ê½´¦ÀíÒ³Ãæ²¼¾ÖºÍÍâ¹Û¡£
CSS ¸ñʽÉèÖùæÔòÓÉÁ½²¿·Ö×é³É:Ñ¡ÔñÆ÷ºÍÉùÃ÷¡£Ñ¡ÔñÆ÷ÊDZêʶÒÑÉèÖøñʽԪËØ(Èç P¡¢H1¡¢ÀàÃû³Æ»ò ID)µÄÊõÓ¶øÉùÃ÷ÔòÓÃÓÚ¶¨ÒåÑùʽԪËØ¡£ÔÚÏÂÃæµÄʾÀýÖУ¬H1 ÊÇÑ¡ÔñÆ÷£¬½éÓÚ´óÀ¨ºÅ ({}) Ö®¼äµÄËùÓÐÄÚÈݶ¼ÊÇÉùÃ÷:
H1 {
font-size:16 pixels;
font-family:Helvetica;
font-weight:bold;
}
Webjx.Com
H1 {
font-size:16 pixels;
font-family:Helvetica;
font-weight:bold;
}
ÉùÃ÷ÓÉÁ½²¿·Ö×é³É:ÊôÐÔ(Èç font-family)ºÍÖµ(Èç Helvetica)¡£ÉÏÊöʾÀýΪ H1 ±êÇ©´´½¨ÁËÑùʽ:Á´½Óµ½´ËÑùʽµÄËùÓÐ H1 ±êÇ©µÄÎı¾¶¼½«ÊÇ 16 ÏñËØ´óС²¢Ê¹Óà Helvetica ×ÖÌåºÍ´ÖÌå¡£
ÊõÓãµþ”ÊÇÖ¸¶Ôͬһ¸öÔªËØ»ò Web Ò³ÃæÓ¦Óöà¸öÑùʽµÄÄÜÁ¦¡£ÀýÈ磬¿ÉÒÔ´´½¨Ò»¸ö CSS ¹æÔòÀ´Ó¦ÓÃÑÕÉ«£¬´´½¨ÁíÒ»¸ö¹æÔòÀ´Ó¦Óñ߾࣬Ȼºó½«Á½ÕßÓ¦ÓÃÓÚÒ»¸öÒ³ÃæÖеÄͬһÎı¾¡£Ëù¶¨ÒåµÄÑùʽ”²ãµþ”µ½ÄúµÄ Web Ò³ÃæÉϵÄÔªËØ£¬²¢×îÖÕ´´½¨ÄúÏëÒªµÄÉè¼Æ¡£
CSS µÄÖ÷ÒªÓŵãÊÇÈÝÒ׸üÐÂ;Ö»Òª¶ÔÒ»´¦ CSS ¹æÔò½øÐиüУ¬ÔòʹÓøö¨ÒåÑùʽµÄËùÓÐÎĵµµÄ¸ñʽ¶¼»á×Ô¶¯¸üÐÂΪÐÂÑùʽ¡£
ÔÚ Dreamweaver ÖпÉÒÔ¶¨ÒåÒÔϹæÔòÀàÐÍ:
×Ô¶¨Òå CSS ¹æÔò(Ò²³ÆΪ”ÀàÑùʽ”)ʹÄú¿ÉÒÔ½«ÑùʽÊôÐÔÓ¦Óõ½ÈκÎÎı¾·¶Î§»òÎı¾¿é¡£ËùÓÐÀàÑùʽ¾ùÒÔ¾äµã (.) ¿ªÍ·¡£ÀýÈ磬Äú¿ÉÒÔ´´½¨³ÆΪ .red µÄÀàÑùʽ£¬ÉèÖùæÔòµÄ color ÊôÐÔΪºìÉ«£¬È»ºó½«¸ÃÑùʽӦÓõ½Ò»²¿·ÖÒѶ¨ÒåÑùʽµÄ¶ÎÂäÎı¾ÖС£
HTML ±êÇ©¹æÔòÖض¨ÒåÌض¨±êÇ©(Èç p »ò h1)µÄ¸ñʽ¡£´´½¨»ò¸ü¸Ä h1 ±êÇ©µÄ CSS ¹æÔòʱ£¬ËùÓÐÓà h1 ±êÇ©ÉèÖÃÁ˸ñʽµÄÎı¾¶¼»áÁ¢¼´¸üС£
CSS Ñ¡ÔñÆ÷¹æÔò(¸ß¼¶Ñùʽ)Öض¨ÒåÌض¨ÔªËØ×éºÏµÄ¸ñʽ£¬»òÆäËü CSS ÔÊÐíµÄÑ¡ÔñÆ÷ÐÎʽµÄ¸ñʽ(ÀýÈ磬ÿµ± h2 ±êÌâ³öÏÖÔÚ±í¸ñµ¥Ôª¸ñÄÚʱ£¬¾ÍÓ¦ÓÃÑ¡ÔñÆ÷ td h2)¡£¸ß¼¶Ñùʽ»¹¿ÉÒÔÖض¨Òå°üº¬Ìض¨ id ÊôÐԵıêÇ©µÄ¸ñʽ(ÀýÈ磬ÓÉ #myStyle ¶¨ÒåµÄÑùʽ¿ÉÒÔÓ¦Óõ½ËùÓаüº¬ÊôÐÔ/Öµ¶Ô id=”myStyle” µÄ±êÇ©)¡£
±¾ÎÄÓÉÉîÛÚÍøÕ¾½¨É蹫˾£º´´Ð»¥ÁªAlan¹©¸ã£¬×ªÔØʱÇë±£Áô´ËÁ´½Ó£¬Ð»Ð»ºÏ×÷!
ÎÄÕ³ö´¦£ºwww.innont.com/newsdetail.asp?news_id=1512