CSSÄ£°åÊÇÔõôÁ¶³ÉµÄ
×÷Õß:ÀîÀöæÂ
ÓÊÏ䣺lly219@gmail.com
ÈÕÆÚ£º2009-1-12
Ç°ÑÔ£¨×Ô˵×Ô»°£©
´Ó³õʶCSSµ½ÏÖÔÚÒѾ5¸öÄêÍ·ÁË¡£´ó¶àÊǶ϶ÏÐøÐøµÄ£¬¿ÉÊǽüÒ»ÄêÀ´½Ó´¥ÆĶ࣬ÉõÓÐһЩЩÌå»á¡£
µÚÒ»´Î½Ó´¥Ö»ÖªµÀfont£¬color£¬background£¬margin£¬paddingµÈ»ù±¾ÖªÊ¶£¬ÄËÖÁÁ¬margin¡¢padding¶¼·Ö²»Çå¸öËùÒÔÈ»¡£
ÔÚµÚÒ»´ÎWeb´ó×÷ÒµÖÐÖªµÀÁËÓГdiv+css template”,ΪÁ˽»²î£¬´ÓÄĸöʱºò¾Í¿ªÊ¼ÊÕ¼¯Ä£°å£¬¿´µ½¸÷ÖÖ¸÷ÑùµÄÄ£°å£¬²»ÓɾªÌ¾ËûÈ˵ÄÅäÉ«ÄÜÁ¦£¬´´×÷¼¼ÇÉÒÔ¼°·á¸»µÄÏëÏóÁ¦¡£
ÓÚÊÇ´ÓͼÊé¹Ý½èÁËÒ»¶ÑPS£¬ÅäÉ«£¬¹ã¸æÖ®ÀàµÄÊ飬µ±Ê±Ã»¿´³ö¸öËùÒÔÈ»£¬Ö»ÊǾõµÃÖ½ÖʺÍÓ¡Ë¢¶¼ºÜºÃ£¬ÒªÊÇŪ¶ªÁËÅâµÄÇ®¿É²»ÉÙ¡£
תÑÛ4Äê¹ýÈ¥ÁË£¬»¹ÊÇÖ»»áÏÂÔرðÈ˵ÄÄ£°å£¬¿ä¿ä¼¸Ï¸ijÉ×Ô¼ºÊµÓõģ¬»ù±¾µÄcss»¹ÊDz»ÉõÁ˽⡣
µÚÎå¸öÄêÍ·À´ÁË£¬¹¤×÷ÁË£¬×Ô¼ºµÄÏë·¨Ò²±È½Ï¶àÁË£¬¶Ôweb·½ÃæÓÐÁË×Ô¼ºµÄ¼û½â¡£CSS²»ÄÜ˵¾«Í¨£¬µ«ÊÇä¯ÀÀÆ÷²îÒ죬»ù±¾ÔÀíÄÜ˵µÄ±È½ÏÇå³þÁË¡£
ÕýÎÄ
FOR£ºÄ£·ÂÕßµÄÁ¶½ðÊõ
Ò»¸öÄ£°åµÄÁ¶³É¿ÉÒÔ¿¿ºÜ¶à°ì·¨£¬¶ÔÓÚûÓд´×÷£¬Ã»ÓоÑéµÄÈËÀ´Ëµ£¬×îΪÊʵ±µÄ·½·¨¾ÍÊÇÕÒÄ£°åÀ´Ð޸ġ£
ÒÔÏÂÊÇƽʱ»ýÀÛµÄһЩģ°å£¬´ó¶àÊǹúÍâµÄ£º
¼ò½àµÄ°×É«ÍøÕ¾Éè¼ÆÐÀÉÍ | ShowCase | Ç°¶Ë¹Û²ì
www.qianduan.net/showcase-of-clean-white-web-de...
µÀ¶£¬Ç³ÂÌ
demo.templateworld.com/zero/in_action/temper
Ä£°åʵÀý
two24studios.com
Ò³ÃæÄ£°å
sudasuta.com/?p=1342
Web Designer Wall - Design Trends and Tutorials
www.webdesignerwall.com
We Are not Freelancers
www.wearenotfreelancers.co.za
99 High-Quality Free (X)HTML/CSS Templates | Showcases | instantShift
www.instantshift.com/2009/09/29/99-high-quality...
Open Web Design - Download Free Web Design Templates
www.openwebdesign.org
CSS Templates (Page 1 of 25 ) - Free CSS Templates
www.freecsstemplates.org/css-templates
ÎÆÀí
www.qianduan.net/showcase-of-beautiful-textured...
¶ÔÓÚºÜû¾ÑéµÄÈËÀ´Ëµ£¬×îºÃÊÇ°ÑÄ£°å±¸·Ý£¬È»ºóÖ±½ÓÔÚÄ£°åÉÏÐ޸ģ¬ÐÞ¸ÄÍê±Ï¼ÇµÃÔÚ¶à¸öä¯ÀÀÆ÷Öв鿴¡£
ÌâÍâ»°
£º»°ËµÃ»Ñ§»á×ߣ¬ÔõôÄÜ¿ªÊ¼Ñ§ÅÜÄØ£¿ÔÚ´Ë£¬²»¼ûµÃ¾ÍÒ»¶¨£¬ËäÈ»Äã²»ÊǺܾ«Í¨£¬µ«ËüÊǸöËù¼û¼´ËùµÃµÄ¶«Î÷£¬ÔÙ¼ÓÉÏFirefoxÉϵÄfirebug£¬Ö»ÒªÉÔ¼ÓÀí½â£¬²»ÒªÖ»Í¼×ÅÐ޸ĵĿìÀÖ£¬ºÜ´ó³Ì¶ÈÉϲ»»á×ßÒ²ÄÜÅÜÁË¡£
µ«»ù±¾¹¦ÊDZØÐëµÄ£¬µÈÔٴλعýÍ·À´¿´css£¬¾Í»á¾õµÃºÜ¼òµ
Ïà¹ØÎĵµ£º
Ñ¡ÔñÆ÷µÄ·Ö×é
Òâ˼¾ÍÊÇ˵¼¸¸öÑ¡ÔñÆ÷¿ÉÒÔͬʱʹÓÃÒ»¸öÉùÃ÷£¬µ«ÊÇÑ¡ÔñÆ÷Ö®¼ä¼Çסһ¶¨ÒªÓöººÅÀ´¸ô¿ª£¬ÕâÑùÎÒÃÇ»á½ÚÊ¡Á˺ܶà´úÂë
ÎÒÃǾٸöÀý×Ó°É£¡
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
}
ÕâÑùËùÓеÄh±êÌâ±êÇ©µÄ×ÖÌåÑÕÉ«ÊǺìÉ«£¬±³¾°ÊÇÀ¶É«£»Ó¦¸ÃÇå³þÁË°É£¡
css¼Ì³ÐÐÔµÄÎÊÌâ
×ÓÔªËؼ̳и¸ÔªËØµÄ ......
html²¿·Ö
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XHTML ......
CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
inver ......
filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: Ïà¶ÔÓÚIE¡£»ðºüËƺõºÃÏñ²»Ö§³Ö¡£ Öµ£ºÒÔ°Ù·Ö±ÈΪֵ£¬100 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»50²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
-moz-opacity: Ïà¶ÔÓÚFF£¬»ðºü¡£ Öµ£ºÒÔСÊýµãΪֵ£¬1 ±íʾ²»Í¸Ã÷¶ÈΪ100%£»0.5²à´ú±í²»Í¸Ã÷¶ÈΪ50%¡£
×¢Ò⣺ÉÏÃæµÄÂ˾µIE8²»Ö§³Ö¡£Òò´ËÎÒÃÇÐèÒªÓà <meta h ......