50¿îcss¹¤¾ß
50¿îcss¹¤¾ß
Òý×Ô:http://bbs.seuuo.com/thread-2613-1-3.html
50¿îCSS¹¤¾ß£¬°üº¬£¬CSSÍø¸ñºÍ²¼¾Ö¹¤¾ß£¬CSS ÓÅ»¯¹¤¾ß£¬CSS ²Ëµ¥Éú³É¹¤¾ß£¬CSS °´Å¥Éú³ÉÆ÷£¬CSS Ô²½ÇÉú³ÉÆ÷£¬CSS ¿ò¼Ü£¬CSS SpritesÉú³ÉÆ÷£¬CSS ÅŰ湤¾ßÒÔ¼° CSS ±íµ¥Éú³ÉÆ÷¡£
Íø¸ñºÍ²¼¾ÖThe 1KB CSS Grid
ÐÂÓ±µÄ CSS Íø¸ñ¹¤¾ß£¬¿ÉÓÃÓÚ¼ò»¯ÄÚÈݹÜÀíϵͳµÄÒ³ÃæÄ£°å£¬ÇáÇÉÒ×Óá£
Variable Grid System
»ùÓÚ 960px µÄ³£¹æCSSÍøÒ³²¼¾Ö¹¤¾ß£¬ÓÃÓÚ¿ìËÙÉú³É»ù±¾µÄ CSS Íø¸ñ¡£
Grid Designer 2
¿É¿ØÐÔÇ¿£¬Ñ¡Ïî·á¸»µÄÍø¸ñϵͳ£¬Ö§³Ö CSS ÔÚÏß¼´Ê±Êä³ö¡£
Design By Grid PNG Grid Generator
Éú³ÉÓÃÓÚCSSÍø¸ñµÄ PNG ͼƬ£¬ÒÔ·½±ãµØÓÃ×÷ PSD »ò HTML/CSS Éè¼Æ±³¾°£¬Ãâ³ýÊÖ¹¤ÖÆ×÷Íø¸ñµÄÂé·³¡£
nP: Grid Generator
ÓÃÓÚÉè¼Æ²¼¾Ö½á¹¹£¬Öƶ¨ÁС¢±ßÔµ¡¢¼ä¾àµÈ²ÎÊý¡£
YAML Builder
¿ÉÊÓ»¯£¬¿ì½ÝµÄ±ê×¼ XHTML Ò³Ãæ¿ò¼ÜÉú³É¹¤¾ß£¬µ«¶Ô IE6 ¼æÈÝÇ·¼Ñ¡£
GRIDINATOR
¼òµ¥¶¨ÖÆ»ùÓÚÍø¸ñµÄCSS²¼¾Ö¹¤¾ß£¬¿É×Ô¶¨Òå¶àÖÖ²ÎÊý¡£
Grid System Generator
Éú³ÉÊÊÓÃÓÚ 960.gs£¬Golden Grid£¬1KB Grid µÄÍø¸ñ²¼¾Ö£¬Ò²¿ÉÉú³É»ù±¾µÄͨÓÃÍø¸ñ¡£
YUI: CSS Grid Builder
À´×Ô Yahoo µÄÍø¸ñ¹¤¾ß£¬ÓÃÓÚ´´½¨»ù´¡²¼¾Ö£¬Í³Ò»ä¯ÀÀÆ÷±íÏÖ¡£
Blueprint Grid CSS Generator
°ïÖúÄã´´Ôì¸üÁé»îµÄ CSS À¶Í¼£¬°üÀ¨ grid.css¡¢compressed.css ºÍ grid.png Îļþ¡£
CSS Grid Calculator
¿ìËÙÉè¼ÆÒ³Ãæ²¼¾Ö£¬ÒÔ¶àÖÖ·½Ê½¹¹ÔìÍø¸ñ¡£¶ÔÓÚÒ³ÃæÔªËØÔÚä¯ÀÀÆ÷ÖеıíÏÖ·½Ê½£¬ÌṩÁ˾«È·µÄÊÓ¾õ·´À¡¡£
Layout generators – [url]www.pagecolumn.com[/url]
ʹÓà CSS 2.0 ¼¼ÊõÉú³É 1-5 ÁеIJ¼¾ÖÊä³ö¡£
Dynamic 4 Column Layout Generator
¿É¿ØÐÔÇ¿µÄ 4 À¸Ê½Ò³Ãæ²¼¾ÖÉú³ÉÆ÷¡£
CSS Layout Generator – CSS Portal
´´½¨×ÔÊÊÓ¦»ò¹Ì¶¨¿í¶ÈÀ¸Ê½²¼¾Ö£¬¿ÉÖ¸¶¨»òÕßÏñËØ»ò°Ù·Ö±È¡£
templatr
Ä£°åÉú³ÉÆ÷£¬¿ÉÔÚÏß´´½¨µ¥¶ÀµÄÉè¼Æ·½°¸¡£ÎÞÐèÁ˽âÈκΠHTML ºÍ CSS ֪ʶ¡£
CSS Source Ordered 1-3 Columned Page Maker
Éú³É 1-3 À¸Ê½Ò³ÃæµÄ CSS ´úÂë¡£
CSS Creator
´´½¨×ÔÊÊÓ¦¿í¶È»ò¹Ì¶¨¿í¶ÈµÄ¸¡¶¯À¸Ê½²¼¾Ö¡£
CSS ÓÅ»¯ºÍÑùʽÉú³ÉOnline CSS Optimiser/Optimizer
ÊäÈëÍøÖ·»ò¸´ÖƲ¢Õ³Ìùµ½ÑùʽÊäÈë¿òÖУ¬Ò»¼üÌá½»¼´¿ÉÓÅ»¯¡£
Free CSS Template Code Generator
ÈýÀ¸Ê½²¼¾ÖÉú³É¹¤¾ß£¬Í¬²½Éú³É HTML ºÍ CSS ´úÂë¡£
CSS Builder – Generate Styles on the Fly
Ö»ÐèÌîд±í¸ñÊý¾Ý£¬µ¥»÷Éú³É£¬²¢¸´ÖÆ´úÂëµ½Ñùʽ±í¡£
Firdamati
Ïà¹ØÎĵµ£º
CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙCSSÎļþµÄ
´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄ
ʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......
ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......
The CSS Anthology 101 Essential Tips Tricks Hacks 3rd Edition
The Ultimate CSS Reference
Teach Yourself Visually Html And CSS
Everything You Know About CSS is Wrong
The CSS Anthology 101 Essential T ......
ÍøÒ³¿ª·¢ÈËÔ±¶¼ÖªµÀ,ÏÖÔÚµÄä¯ÀÀÆ÷¶Ô²»Í¬µÄjs,cssµÄ½âÎö²»¾¡Ïàͬ£¬ÌرðÊǣɣÅÔçÆÚ°æ±¾µÄ²»¹æ·¶.²»¹ýÒÔºó»áºÃһЩ£¬ÏÖÔÚµÄä¯ÀÀÆ÷а汾¶¼ÔÚÏò£×£³£Ã¿¿Â££®ÏÖÔÚÎÒÃÇÒª½â¾öµÄÊÇÏÖÔÚµÄÎÊÌ⣮
½â¾öcssºÍjsÕë¶Ô²»Í¬ä¯ÀÀÆ÷¼æÈݵÄÎÊÌâ
Ê×ÏÈ̸һÏÂä¯ÀÀÆ÷£¬ËäÈ»ÏÖÔÚieÒÀÈ»ÊÇä¯ÀÀÆ÷Êг¡µÄÀϴ󣬴óÔ¼Õ¼ÓÐ67%µÄ·Ý¶î£¬µ«ÊÇÓÉÓÚÆä¸÷·½ÃæµÄ ......