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

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¼òÐ ......

³£ÓÃCSSÃüÃû¹æ·¶

Ä£¿é£ºmodule.css
»ù±¾¹²Óãºbase.css
²¼¾Ö¡¢°æÃ棺layout.css
Ö÷Ì⣺themes.css
רÀ¸£ºcolumns.css
ÎÄ×Ö£ºfont.css
±íµ¥£ºforms.css
²¹¶¡£ºmend.css
´òÓ¡£ºprint.css
Í·£ºheader¡¡¡¡
ÄÚÈÝ£ºcontent/container¡¡¡¡
β£ºfooter¡¡¡¡
µ¼º½£ºnav¡¡¡¡
²àÀ¸£ºsidebar
À¸Ä¿£ºcolumn¡¡¡¡
Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£º ......

CSSºÍJS±êÇ©styleÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......

JavaScript CSS StyleÊôÐÔ¶ÔÕÕ±í

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 ......

css div ÏÂÀ­²Ëµ¥

Ô­Ñùʽ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</titl ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ