CSS¬O¤°»òªF¦è©O¨Ò¦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¥Dn¬OºÞ²zºô¶¤¤¡ustyle(¼Ë¦¡) ¡v³¡¤À¡A ¤]´N¬Oºô¶¤¤»P¡uªO±¡v(¦p:¤å¦r¡BI´º¡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(¥un§ó§ï¼ÐÅÒ´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¦pI´º¡Bªí®æ¡B¶W³sµ²...µ¥¡A¥un¼g¤@¥÷¦@¥ÎªºCSS¡A§Aªººô¶¤@®M¥Î¡A ¨º»ò¾ãÓºô¶ªº³]©w´N·|Åܪº¤@P¡An°µ§ó°Ê®É¤]¤£»Ý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§Anק諸³¡¤À¦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»¡§An§âHTML¸Ì±body³¡¤Àªº¦rÅé§ï¬°¶Â¦â¡ACSS¼gªk´N¬Obody{color:black}¡C ¥´Ó¤ñ³ë¡A´N¦p¦P§An¬°§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¥unª¾¹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
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¥Dn¤¶²Ðªº»yªk (2)HTML¼ÐÅҥκñ¦â¦r¥Nªí¡A¥ý§ä¨ì§Anק諸¦ì¸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 |