´´ÐÂÒ×Áª»¶Ó­Äú£¡16Äê¸ß¶ËÍøÕ¾½¨ÉèÆ·ÅÆ

ÍøÕ¾½¨É裺ͨ¹ýDreamweaverѧϰÁ˽âCSS

ÈÕÆÚ£º2014-08-28 | À´Ô´£ºÒ×ÁªÍøÕ¾½¨É蹫˾ | ÔĶÁ£º

       ´´Ð»¥Áª£¨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

¡ª¡ª ΢ÐŹ«ÖںŠ¡ª¡ª

ÈÈÃűêÇ©