121  CSS¬O¤°»òªF¦è©O


  • ½Ð°Ý³\¦hºô»x¤¤¥X²{ªºCSS¬O¤°»òªF¦è©O¡H¡H¡H¡H

    ¨Ò¦pµL¦W¡B¤ÑªÅ§Ú³£¦³¬Ý¨ì¡K

    ÁÂÁ¡s¡s¡I¡I¡I¡I


    ¸Ñ¡G
    §Úªººô»x²{¦b§ËªºªF¦è¡A³£¬O¦b³o¨Ç¦a¤è¾Ç¤@¨Ç§Þ¥©¦A¦Û¤vºc«ä³]­pªº¡C
    http://www.wretch.cc/blog/aenguscom

    ³Í­ôµL¦W±Ð¾Ç¡Ghttp://benz.nchu.edu.tw/~s9163030/wretch/index.htm
    µL¦W«¢©Ô°Q½×°Ï¡ÐµL¦W¼Ë¦¡ ( CSS )¡Ghttp://www.wretch.cc/hala/viewforum.php?f=5
    µL¦W¼Ë¦¡µ²ºcªí¡Ghttp://hit1205.ispaz.blogdns.org/css/wretchCSS/
    ±`¥ÎCSS¼Ë¦¡ÄÝ©Ê¡Ghttp://mikeshen.infor.org/css_class.htm

    ¤U­±¬O¤Þ¥Î³Íºqªº±Ð¾Ç,¹ïCSS°µ¤F¤j·§ªºÂ²¤¶

    [CSS²¤¶]


    CSS¬OCascading Style SheetsªºÁY¼g¡A¦r­±Â½Ä¶¬O¡u¦ê±µ¼Ë¦¡ªí¡v¡A¬OW3C²Õ´©ÒÀÀ©w¥Xªº¤@®M¼Ð·Ç®æ¦¡¡C

    ÅU¦W«ä¸q¡ACSS¥D­n¬OºÞ²zºô­¶¤¤¡ustyle(¼Ë¦¡) ¡v³¡¤À¡A

    ¤]´N¬Oºô­¶¤¤»P¡uªO­±¡v(¦p:¤å¦r¡B­I´º¡B³sµ²¡B«ö¶s¡Bªí®æ¡Kµ¥)¬ÛÃöªº³¡¥÷³£¥i¥H¥ÎCSS¥h°µ­×§ï¡C

    ¦bºô­¶³]­p·í¤¤¡A§Ú­Ì¥i¥H§Q¥Î³]©w¦nªºCSS¼Ë¦¡ªí¡A«ü©wµ¹¬Y¤@ºØHTML¼ÐÅҩάY¤@¸s²ÕHTML¼ÐÅҨӨϥΡA

    ¼W¥[¤F§ó¦hªº¼Ë¦¡©w¸q¤è¦¡¨Ó»²§UHTML¡C¥¦ªºÀuÂI¦³:

    1.»yªk²¼ä¡A¥i¥H«Ü®e©öªº±±¨îHTML¼Ð°O¡A©ö©ó´x±±ºô­¶¤¸¯Àªº¦ì¸m¡C(¥u­n§ó§ï¼ÐÅÒ´N¥i¥H¥ô·N¥B§Ö³tªº°µ§ó§ï)
    2.¦hºØ¤å¦rÅܤƥi¥H´î¤Ö¹ÏÀɪº¨Ï¥Î¡A¥[§Ö¤Fºô­¶ªº¶Ç¿é³t«×¡C
    3.¶°¤¤ºÞ²z¼Ë¦¡¡A¨Ï¦hºô­¶¦@¥Î¤@¥÷CSS¡A´î¤Ö¤Fºô­¶ªºÅé¿n¡AºûÅ@¤Î«Ø¥ß­·®æ¤@­Pªººô¯¸§ó¥[®e©ö¡C

    (¹ï©ó¬Û¦Pªº³]©w¡A¦p­I´º¡Bªí®æ¡B¶W³sµ²...µ¥¡A¥u­n¼g¤@¥÷¦@¥ÎªºCSS¡A§Aªººô­¶¤@®M¥Î¡A

    ¨º»ò¾ã­Óºô­¶ªº³]©w´N·|Åܪº¤@­P¡A­n°µ§ó°Ê®É¤]¤£»Ý­n¤@­Óºô­¶¤@­Óºô­¶°µ§ó§ï¡A¶°Åé³]©wªº¥\¯à¨Î¡C)
    4.©ö©ó¾Ç²ß¤Î¤W¤â¡C(CSS¯uªº¯uªº¤£Ãø:P)


    [CSS»yªk³W«h]


    »yªk«¬¦¡:HTML¼ÐÅÒ1, HTML¼ÐÅÒ2{ ÄݩʦWºÙ1 : Äݩʳ]©w­È1;ÄݩʦWºÙ2 : Äݩʳ]©w­È2;}


    1.¤j¬A¸¹«e­±ªº­^¤å¥NªíµÛ¡u§A­n­×§ïªº³¡¤À¦bHTML»yªk¸Ì­±ªº¼ÐÅÒ¦WºÙ(HTML¼ÐÅÒ)¡v¡A

    ¦b¤U­±ªººô­¶·|¹ï¨C­ÓµL¦W¬Ûï¨C­Ó­¶­±¤¶²Ð¦U­Ó¼ÐÅÒªº¦ì¸m¡C

    ¤j¬A¸¹¸Ì­±¥NªíµÛ¡u¥[¤Jªº¼Ë¦¡¡v¡AÄݩʦWºÙ(¦pcolor¡Bfont-size)¥H«_¸¹(:)»PÄݩʳ]©w­È(¦p#FFFFF¡B10px)¹j¶}¡C

    ¤ñ¦p»¡§A­n§âHTML¸Ì­±body³¡¤Àªº¦rÅé§ï¬°¶Â¦â¡ACSS¼gªk´N¬Obody{color:black}¡C

    ¥´­Ó¤ñ³ë¡A´N¦p¦P§A­n¬°§Aªº¨­Åé¬ï¤W¶Â¦âªº¦çªA¡A¥ÎCSS»yªkªº®æ¦¡¨Ó¸ÑÄÀ´N¬O-->¨­Åé{ÃC¦â:¶Â¦â;}¡A

    §Ú­Ì¥i¥H§â³]­pºô­¶·Q¹³¦¨¥´§ê¦Û¤v¡A¥Î²³æªºCSS»yªk¥h¾Þ±±¾ã­ÓªO­±¡C

    ¤j®a¥u­nª¾¹D§A·Q­×§ïªº³¡¥÷¬OÄÝ©óHTML¸Ì­±­þ­Ó¼ÐÅÒ(¤]¥i¥H±q­ì©l½X¸Ì­±ª½±µ§ä)¡AµM«á¦A§â¤U­±»yªk±ÐªºÄݩʦWºÙ¸ò³]©w­È¶ñ¤J¡A

    ´N¥i¥H¦bºô­¶¤¤¥ô·Nªº­×§ï¨C­Ó§A·Q³]­pªº³¡¥÷¤F¡C(¤j®a¥i¥H¸ÕµÛ»{ÃѨC­Ó¼Ë¦¡ÄݩʦWºÙ(property)¤Î¥¦ªº³]©w­È(value)ªí¥Ü¤è¦¡¡A

    §â¥¦­Ì¥[¤J§A·Q­×§ï¨º­Ó³¡¥÷ªºHTML¼ÐÅÒùØ­±¡A´N¥i¥H§¹¦¨³]©w¤F¡C)

    2.¦h­ÓHTML¼ÐÅÒ¶¡¥H³r¸¹ ( , ) ¹j¶};¦h­ÓÄݩʦWºÙ¶¡¥H¤À¸¹ ( ; ) ¹j¶}¡C

    ¨Ò¦p¡G
    §Ú­n¦P®É¦ba:visited
    ¸ò a:hover
    ¸Ì­±³]©w¦rÃC¦â¬°¶Â¦â¤Î¦rÅ鬰arial¡A
    »yªk«h¬°
    a:visited,a:hover{color:black;font-family:arial;}

    3.ªÅ®æ¸òªÅ¦æ¬Ò¤£¼vÅTCSS»yªk(¦ýª`·NÄݩʦWºÙ¸ò³]©w­È¥²¶·¥H¤@²Õ¤j¬A¸¹{}¥]³ò°_¨Ó)¡C



    4.¡u­«Âг]©w¡v¥H«áªÌ¬°¥D¡C(ex:ºô­¶¤¤¦P®É¦³body{color:red}¤Îbody{color:black}¨â­Ó»yªk¡A§Y¹ïbodyÃC¦â³¡¥÷°µ¤F­«ÂЪº«Å§i¡A

    «h¶]¥Xªºµ²ªG·|¥H«áªÌ'black'¬°¥D¡C)



    5.¥»ºô­¶»yªk¨Ï¥Î¤èªk:

    (1)ªí®æ¸Ì­±ªº»yªk¬O¥D­n¤¶²Ðªº»yªk

    (2)HTML¼ÐÅҥκñ¦â¦r¥Nªí¡A¥ý§ä¨ì§A­n­×§ïªº¦ì¸m¤§HTML¼ÐÅÒ¡A§â¥¦¶ñ¤Jºñ¦â³¡¤À¡C

    (3)¶À¦â¦r¥Nªí§A¥i¥H­×§ïªº¼Æ­È¡C¨ä¥¦ÄݩʦWºÙ¥i¥Hª½±µ½Æ»s¡C


    [CSS«Å§i¤è¦¡]


    1.­Y¬O¥Î¦bµL¦W¬Û諸³]­p¸Ì¡A¶È»Ý§â§A³]­pªºCSS¶K¶i¥hCSS¼Ë¦¡ªí§Y¥i¡C(¥»ºô­¶­×§ï¤è¦¡±Ä¥Î³o­Ó)

    ¦p¤U¹Ï¡A§â§A³]­p©Î­×§ïªºCSS»yªk¶K¶i¥h¬õ¦â®Ø®Ø¡A¦A«ö¦sÀÉ´N¥i¥H§¹¦¨­×§ï¤F¡C

    (¦pªG©È§ïÃa¡A¥i¥H§â¦Û¤vªºCSS¦s¦¨¼È¦sÀÉ¡A³o¼Ë´N¥i¥H¦Û¤v³Æ¥÷¦Û¤vªºCSS¤F¡C)



    ex:(¦p¤U­±ÂŦâ®Ø°_¨Ó³¡¥÷)

    §Ú­n§ïA:hover³¡¥÷ªºÃC¦â¡A¨º§Ú§ä¨ìA:hover³o­Ó¼ÐÅÒ¤§«á¡A§ä¨ì¸Ì­±ªºcolor¡A§â«á­±¦â½X#F4EB9E§ï±¼´N¥i¥H¤F¡C

    ¦pªG§Ú­n¦Û¤v¥[¤J·Æ¹«´å¼Ðªº»yªk¡A´Nª½±µ§â¥»ºô­¶±Ðªº»yªk¶K¶i¥h¼Ë¦¡ªí´N¥i¥H¤F¡A

    ¦p¹Ï¡A§Ú¶K¤Fbody¸òa:hover¸Ì­±´å¼Ðcursor»yªk¡C



    2.(¸É¥R)­Y¸m©ñ¦bºô­¶¸Ì¡A«h¥i¦b¤§¶¡¥[¤J:






    3.(¸É¥R)¥ç¥i§â§A³]­pªºCSS¦s¦¨*.cssÀÉ(¥Î°O¨Æ¥»¼g´N¥i¥H¤F)¡AµM«á¦bºô­¶¤¤¥[¤J:





    4.(¸É¥R)ª½±µ¦b¼ÐÅÒ¤ºªº¥[µù¼Ë¦¡©Ê½è¡A¦p

    ¡A¨º»òP³o­Ó¼ÐÅÒªº¼Ë¦¡´N³Q§ï¦¨¦r¬O¬õ¦âªº¡C

  • §ó¦hÃö©ó¡GCSS¬O¤°»òªF¦è©O

    ¨ä¥¦ ¬ÛÃö¸ê°T¡G

  • ¥»¤å¥Ñ boy Jheng ©ó »ÅGo¹Ú¤u§{ - ³¡¸¨µó 2007-11-07(21:16:07)¬P´Á¤T µoªí¡C

  • ¡ip.121 / ¦^¤W¤@­¶/ ¤U¤@½g/ ­¶­º/ ­¶§À /Ãö©ó /³sµ² ¡j


    [­º­¶] [¬¡°Ê¤¤¤ß] [§G§iÄæ] [¯d¨¥ªO] [³¡¸¨µó] [²á¤Ñ«Ç] [°Q½×°Ï] [¤å¾Ç·µ] [·j´M] [´ú¸Õ°Ï] [µù¥U] [¬ö¹ê] [µn¤J] ³¡¸¨µó¤å³¹¤j¶°¦X
    www.kugo.idv.tw ICON

    ¤W¤@­¶¡E¡¶­¶­º