Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý

    ±¾ÎÄΪ´ó¼ÒÊÕ¼¯¾«Ñ¡ÁË30¸öʹÓô¿CSS
Íê³ÉµÄÇ¿´óʵ¼ùµÄÓÅÐãCSS¼¼ÊõºÍʵÀý
£¬Äú½«ÔÚÕâÀï·¢ÏֺܶàÓëÖÚ²»Í¬µÄ¼¼Êõ£¬±ÈÈç:ͼƬ¼¯¡¢ÒõӰЧ¹û¡¢¿ÉÀ©Õ¹°´Å¥¡¢²Ëµ¥µÈ…ÕâЩʵÀý¶¼ÊÇʹÓô¿CSSºÍHTMLʵÏֵġ£
µ¥»÷ÿ¸öʵÀýµÄ±êÌâ¿ÉÒÔ±»×ªÏòµ½¸Ã¼¼ÊõʵÀýµÄÏà¹Ø½Ì³Ì»ò˵Ã÷Ò³Ãæ(Ó¢ÎÄ)£¬µ¥»÷ÿ¸öʵÀýµÄͼƬ½Øͼ¿ÉÒÔÖ±½ÓÌøתµ½ÏàӦʵÀýµÄDemoÒ³Ãæ¡£
1.Hoverbox ͼƬ¼¯
Ò»¸ö´¿¾»µÄ»ùÓÚCSSµÄͼƬ¼¯£¬Êó±êÐüÍ£ËõÂÔͼ¾Í»áÏÔʾ·Å´óЧ¹û¡£
2.¸ß¼¶CSS²Ëµ¥
Ò»¿îºÜÓд´ÒâÇÒ¸´ÔÓµÄCSSµ¼º½·½°¸¡£
3.»¬¶¯Ó°¼¯
ÊÖ·çÇÙЧ¹ûµÄÓ°¼¯£¬ÐüÍ£±ã¿ÉÀ­ÉìͼƬ¡£
4.Lightbox»ÃµÆƬ
ÌâΪ”Supercharge your image borders
“µÄÎÄÕÂÖеÄÒ»²¿·ÖչʾÁËÈçºÎʹÓÃCSSÑùʽÈÃͼƬ±äµÃ¸üÓÐÒâ˼¡£
5.ͼƬµÄÒõӰЧ¹û
ÔÚA List ApartÉϵÄÒ»¸ö¹ØÓÚͼƬЧ¹ûDemoµÄÌÖÂÛÎÄÕ”CSS Drop shadows
“.
6.¿çä¯ÀÀÆ÷¶àҳʽӰ¼¯
ÐüÍ£±êÇ©¸Ä±ä·ÖÀ࣬ÐüÍ£ËõÂÔͼÏÔʾ·Å´óͼ¡£
7.CSSÕÕƬ·Å´ó
ʹÓüòµ¥µÄͼƬºÍbackground-positionÊôÐÔÀ´½øÐе÷½â¡£
8.CSS gallery layout—smells like a table
Ä£·Â±í¸ñ²¼¾Ö£¬µ«Ê¹ÓõÄÊÇÁÐ±í¡£Í¼¼¯ÊÇÁ÷ʽ¿í¶È¡£
9.Sticky Footer
½öʹÓÃÁ˺ÜÉÙXHTMLµÄ¾²Ì¬Ò³½Å¡£
10.whatever: hover
Ä£·ÂWindows¿ªÊ¼²Ëµ¥µÄCSSµ¼º½²Ëµ¥¡£
11.´¿CSSÊÖ·çÇÙЧ¹û
ʹÓÃdivºÍ:hoverαÀàµÄÊÖ·çÇÙЧ¹û£¬Õâ¸öЧ¹û¿ÉÒÔ´¹Ö±ÏÔʾҲ¿ÉÒÔˮƽÏÔʾ¡£
12.ʹÓÃPNGºÍ±³¾°É«µÄ¿ÉÀ©Õ¹°´Å¥
13.Pushbutton Links
Á´½ÓÔÚ²»Ê¹ÓÃͼƬµÄÇé¿öÏ¿´ÆðÀ´Ïñ¸ö°´Å¥¡£
14.º¬¹Ì¶¨HeaderµÄ¿É¾í¶¯±í¸ñ
±í¸ñµÄ±êÌâ±»¹Ì¶¨µÄÓÅÐ㳤±í¸ñ¡£
15.CSSÄÚÈÝÕÚ¸Ç
µ±ÄãÐüÍ£ÔÚͼƬÉÏʱ£¬divÈÝÆ÷»áÏÔʾ¸ü¶àÎÄ×Ö¡£
16.CSSÑùʽ±í¸ñ°æ±¾2
Ò»¸öʹÓñ³¾°Í¼Æ¬Çҷdz£Æ¯ÁÁ£¬±»ÓïÒ廯±ê¼ÇµÄ±í¸ñ¡£
17.PNGÕÚ¸Ç
ÁíÒ»ÖÖΪͼƬÌí¼ÓÔ²½ÇµÄ·½·¨¡££¨Ô²½Ç¡¢±ß¿ò¡¢ÒõÓ°£©
18.ÀûÓÃCSSΪ³¬Á´½ÓÌí¼ÓÌáʾ
¹ØÓÚΪ²»Í¬ÀàÐ͵ÄÁ´½ÓÌí¼Óͼ±êµÄ¼òµ¥½Ì³Ì¡£
19.¼òµ¥µÄCSSÔ²½Ç±ß¿ò
½öÊÊÓÃÁËÒ»ÕÅͼƬºÍºÜÉٵļ¸ÐдúÂë¼°±ê¼Ç¡£
20.Sitemap Celebration
ʹÓÃǶÌ×ÁбíµÄÊ÷Ð½£¬ºÜÊʺÏÍøÕ¾µØͼҳÃæ¡£
21.¼òµ¥µÄ¿çä¯ÀÀÆ÷»ÃµÆƬ
²»Ê¹ÓÃJavaScriptʵÏÖ͸Ã÷¶È¼¼ÇÉ£¨µ«ÊÇÒÔ²»·ûºÏXHTMLÑé֤Ϊ´ú¼Û£©
22.Ô²½Ç2
Á÷ʽ¿ç¶ÈºÍ¸ß¶ÈµÄÔ²½Çdiv¡£
23.ʹÓñ³¾°Í¼Æ¬°Ù·Ö±ÈÀ´´´½¨Í¼±í
ÌõÏßͼʹÓÃÁбí
¡£
24.CSSÖù״ͼ:ʵÀý
3¿îÖù״ͼʵÀý:ʹÓÃdivºÍÁбí±êÇ©µÄ”»ù±¾CSSÖù״ͼ”¡¢”¸´ÔÓCSSÖù×´Í


Ïà¹ØÎĵµ£º

ÕûÀí¼°ÓÅ»¯CSS´úÂëµÄ7¸öÔ­Ôò

¡¡¡¡×÷ΪÍøÒ³Éè¼Æʦ(Ç°¶Ë¹¤³Ìʦ)£¬Äã¿ÉÄÜ»¹¼ÇµÃÔø¾­µÄÄǸöÍøÒ³´óС½¨Òé:Ò»¸öÍøÒ³£¨°üÀ¨HTML¡¢CSS¡¢Javacript¡¢FlashºÍͼ
Ƭ£©¾¡Á¿²»Òª³¬¹ý30KBµÄ´óС£¬Ëæ×Å»¥ÁªÍøµÄÈÕÒæÅÓ´ó£¬ÍøÂç´ø¿íÒ²ÔÚ·ÉËÙ·¢Õ¹£¬ºÜ¶àÉè¼ÆʦÒѾ­²»ÔÙ¿¼ÂÇÕâÌõ30KBµÄÀíÏë×¼Ôò¡£Ëæ×ÅÔ½À´Ô½ÊÜ»¶Ó­µÄ
CSS²¼¾ÖºÍJavascript¶ÔÍøÕ¾Óû§ÌåÑéµÄÇ¿»¯£¬Ê¹µÃÕâÖÖÏÖÏ ......

ʹÓÃCSSÍêÃÀʵÏÖ´¹Ö±¾ÓÖеķ½·¨

¡¡¡¡Ê¹ÓÃXHTML+CSSÀ´ÊµÏÖÔªËصĴ¹Ö±¾ÓÖÐÒ»Ö±ÊÇÇ°¶Ë¿ª·¢ÖеÄÒ»¸ö±È½Ï¸´ÔÓÇÒ¼¬ÊÖµÄÎÊÌ⣬×÷ΪÍøÒ³Éè¼Æʦ»òÇ°¶Ë¿ª·¢¹¤³Ìʦ£¬Õâ¸ö´¹Ö±¾ÓÖÐÎÊÌâ
Ò²ÊDZØÐëÕÆÎյļ¼ÇÉÖ®Ò»£¬Ò»Ð©»¥ÁªÍø¹«Ë¾ÃæÊÔÌâÖÐÒ²»á³öÏÖÕâÀàÌâÄ¿¡£½ñÌ챩·ç±ò±ò½«·ÖÏíÒ»¸öÍêÃÀͨ¹ýCSSʵÏÖ´¹Ö±¾ÓÖеķ½·¨£¬¸Ã·½·¨ÊÇÓÉaka
Yuhů·¢Ã÷µÄ£¬Õâ¸ö·½·¨Ò²ÊÇÄ¿Ç°±©·ç ......

¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®Èý£º

µÚÈý²½ÊǶ¨ÒåÄãµÄÓïÑÔ±àÂ룬ÀàËÆÕâÑù£º
¡¡¡¡<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
ΪÁ˱»ä¯ÀÀÆ÷ÕýÈ·½âÊͺÍͨ¹ýW3C´úÂëУÑ飬ËùÓеÄXHTMLÎĵµ¶¼±ØÐëÉùÃ÷ËüÃÇËùʹÓõıàÂëÓïÑÔ£¬ÎÒÃÇÒ»°ãʹÓÃgb2312(¼òÌåÖÐÎÄ)£¬ÖÆ×÷¶à¹úÓïÑÔÒ³ÃæÒ²ÓпÉÄÜÓÃUnicode¡¢ISO-8859-1µÈ£¬¸ù¾ÝÄãµÄÐ ......

¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®°Ë£ºCSS²¼¾ÖÈëÃÅ

1.¶¨ÒåDIV
¡¡¡¡·ÖÎöÒ»¸öµäÐ͵Ķ¨ÒådivÀý×Ó£º
¡¡¡¡#sample{ MARGIN: 10px 10px 10px 10px;
¡¡¡¡PADDING:20px 10px 10px 20px;
¡¡¡¡BORDER-TOP: #CCC 2px solid;
¡¡¡¡BORDER-RIGHT: #CCC 2px solid;
¡¡¡¡BORDER-BOTTOM: #CCC 2px solid;
¡¡¡¡BORDER-LEFT: #CCC 2px solid;
¡¡¡¡BACKGROUND: url(images/bg_poem.jpg) # ......

CSS ¹ýÂËÆ÷ Â˾µ

Â˾µÐ§¹û | ¹¦ÄÜÃèÊö
-----------------------------------------------
Alpha | ÉèÖò»Í¬µÄ͸Ã÷¶È±ä»¯Ð§¹û
-----------------------------------------------
Blur | ½¨Á¢Ä£ºýЧ¹û
-----------------------------------------------
DropShadow| ½¨Á¢Ò»ÖÖÆ«ÒƵÄÓ°ÏóÂÖÀª£¬¼´Í¶ÉäÒõÓ°
---------------------- ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ