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¼òÐ ......
×î¼òµ¥µÄ°ì·¨£º¼ÙÉèÄãÓÐÁ½¸öÑÕÉ«µÄCSSÎļþred.css,green.css,ĬÈÏΪºìÉ«µÄÑùʽ
<link rel="stylesheet" style="text/css" link="red.css" id="colorcss">
<input type="button" name="redcss" value='ºìÉ«' onclick="javascript:document.getElementById('colorcss').href='red.css'">
<input type="butt ......
±¾ÎÄÁоÙÁ˼æÈÝ IE ºÍ FF µØ»»ÐÐ CSS ÍÆ¼öÑùʽ,Ïêϸ½éÉÜÁËword-wrapͬword-breakµØÇø±ð.¼æÈÝ IE ºÍ FF µØ»»ÐÐ CSS ÍÆ¼öÑùʽ£º
×îºÃµØ·½Ê½ÊÇ
word-wrap:break-word; overflow:hidden;
¶ø²»ÊÇ
word-wrap:break-word; word-break:break-all;
Ò²²»ÊÇ
word-wrap:break-word; overflow:auto;
ÕâÖÖ×îºÃµØ·½Ê½,ÔÚ IE ÏÂûÓÐÈ ......
ËäÈ»CSSÑùʽµÄѧϰÐèÒªÎÒÃǶ¯ÊÖ¶àʵ¼ù£¬ÐèÒª¶à×ö°¸Àý£¬Ë¼ÖÂ˼¿¼£¬µ«ÓÐʱºò×¢Òâ×ÊÁϵÄÊÕ¼¯ÓëÕûÀíÒ²ÊǷdz£ÖØÒªµÄ£¬ÔÚʵ¼Ê¿ª·¢ÖÐÍùÍù»áÆðµ½Ê°빦±¶µÄЧ¹û¡£ÔÚwww.phpq.netµÄÎĵµÖУ¬Ò²ÌṩÁ˷ḻµÄÄÚÈÝ¡£ÏÂÃæÒ»Ð©¹ØÓÚ°´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÄ³£ÓÃCSSÑùʽ¡£´ó¼Ò¿ÉÒԲο¼¡£
Ò»¡¢°´Å¥Ñùʽ
.buttoncss {
font-family: "tahoma", ......
JavaScript´úÂë
<mce:script type="text/javascript"><!--
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
// --></mce:script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmo ......