CSS ѧϰ±Ø±¸ÍøÕ¾
W3School:http://www.w3school.com.cn/css/index.asp
Ó¢ÎÄ°æÍøÖ·£ºhttp://www.w3schools.com/css/default.asp
×÷Ϊ³õѧÕߣ¬ÕâÊÇÒ»¶¨ÒªÊղصÄÍøÕ¾¡£Õâ¾ÍÏ൱ÓÚÒ»±¾CSSÈëÃŽ̳̣¬ÔÚ´Ë¿ÉÒÔѧϰÿ¸ö±êÇ©£¬ÊôÐÔµÄÓ÷¨ºÍʵÀý£¬¿ÉÒÔ×Ô¶¯¶¯ÊÖʵ¼ù´úÂë¡£³ýÁËCSSµÄ֪ʶ£¬Õâ¸öÍøÕ¾»¹°üÀ¨ÁË´óÁ¿ÆäËûÍøÒ³¿ª·¢ÓïÑԽ̳̺ÍÆäËû֪ʶ¡£
CSS Tricks:http://css-tricks.com/
ÕâÊÇChris CoyierµÄ²©¿Í£¬ÊéдÁË´óÁ¿ÓëÍøÒ³ÖÆ×÷ºÍCSSÏà¹ØµÄÎÄÕ£¬Æ©Èç×îм¼ÊõµÄÑо¿ºÍʵ¼ù£¬ÊµÀýÆÊÎö£¬·Ç³£ÖµµÃÊÕ²ØÔĶÁ¡£
CSS Beauty:http://www.cssbeauty.com/
ÕâÀïÓдóÁ¿µÄCSSʵÀý£¬¼¼ÇÉ£¬Äã¿ÉÒÔÔÚÕâÀïÕÒµ½ºÜ¶àºÜìŵĶ«Î÷£¬°ÑËüÃÇÌí¼Óµ½×Ô¼ºµÄÍøÕ¾ÊǸöºÜ²»´íµÄÑ¡ÔñŶ£¡
À¶É«ÀíÏ룺http://www.blueidea.com
Õâ¸ö£¬´ó¼Ò¶¼Ó¦¸ÃºÜÊìϤ£¬¾Í²»ÓýéÉÜÁË°É¡£
»¶Ó´ó¼ÒÒ»Æð·ÖÏíºÃµÄCSSѧϰÍøÕ¾£¬ÎÒÃÇÒ»ÆðŬÁ¦£¡
Ïà¹ØÎĵµ£º
IE6¡¢IE7¡¢IE8¡¢FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌ⣬±¾À´ie6¸úffÖ®¼äµÄ¼æÈÝÊǺÜÈÝÒ×½â¾öµÄ¡£¼ÓÉϸöie7»áÂé·³µã£¬ie8µÄ³öÏ־͸üÍ·ÌÛÁË£¬ÔÀ´hack ie7µÄ·½·¨ÓÖ²»ÄÜÓÃÁË£¬Ôõô°ìÄØ£¿
»¹ºÃ£¬Î¢ÈíÌṩÁËÕâÑùÒ»¸ö´úÂ룺 °ÑÕâ¶Î´úÂë·Åµ½ÀïÃ棬ÔÚie8ÀïÃæµÄÒ³Ãæ½âÎöÆðÀ´¾Í¸úie7һģһÑùµÄÁË£¬ËùÒÔ£¬»ù±¾ÉÏ¿ÉÒÔÎÞÊÓie8£¬Ê£ÏµĴúÂëÖ»ÐèÒªÕâÑùд¾ ......
×÷Õß:ÀîÀöæÂ
ÓÊÏ䣺lly219@gmail.com
ÈÕÆÚ£º2009-1-12
Ç°ÑÔ£¨×Ô˵×Ô»°£©
´Ó³õʶCSSµ½ÏÖÔÚÒѾ5¸öÄêÍ·ÁË¡£´ó¶àÊǶ϶ÏÐøÐøµÄ£¬¿ÉÊǽüÒ»ÄêÀ´½Ó´¥ÆĶ࣬ÉõÓÐһЩЩÌå»á¡£
µÚÒ»´Î½Ó´¥Ö»ÖªµÀfont£¬color£¬background£¬margin£¬paddingµÈ»ù±¾ÖªÊ¶£¬ÄËÖÁÁ¬margin¡¢padding¶¼·Ö²»Çå¸öËùÒÔÈ»¡£
ÔÚµÚÒ»´ÎWeb´ó×÷ÒµÖÐÖªµÀÁËÓÐ&ldq ......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
Data visualization is mostly achieved with flash applications or
with help of some programming languages. Are those solutions the only
way to present, let's say simple data chart? How about giving it a try
with nothing but good ol' css?
Take a look at the Demo
| Download Css Chart
Approach
......
×¢£º±¾Ñ§Ï°±Ê¼ÇÖ»ÊÇ×Ô¼ºµÄһЩ±¸Íü£¬³õѧÕߵĶ«Î÷²»¾ßÓвο¼ÐÔ£¬Çëµ½W3School£¨http://www.w3school.com.cn/css/index.asp£©½øÐÐϵͳѧϰ¡£ ѧϰCSSÎÒʹÓõŤ¾ßÊÇVisual CSS£¬¿ÉÒÔʵÏÖͬ²½Ô¤ÀÀ£¬¿ìËÙѧϰ±à¼CSS¡£ 1.CSSµÄ×÷ÓãºÓÃÀ´¹æ¶¨ÍøÒ³ÖеÄÄÚÈݵÄÏÔʾ·½Ê½£¬±ÜÃâ¸øHTMLÔö¼ÓºÜ¶àµÄÊôÐÔ¶ø½«´úÂë±äµÃÓ·Öס£ 2.CSS ......