CSS¿ò¼Ü»ã×Ü
Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼Ü¸ÐÐËȤµÄ¿ÉÒÔÈ¥¿´¿´Å¶¡£ÔÚ¹úÄÚºÃÏñ»¹Ã»ÓÐÄǸöÅó
ÓÑÔÚ×öÕâ¸ö¶«Î÷£¬Èç¹ûÄãÓÐÐËȤ£¬×Ô¼º×êÑÐÒ»ÏÂ˵²»¶¨ÖйúµÄCSS¿ò¼ÜÖ®×æ¾ÍÊÇÄãÁËŶ¡£ºÇºÇ¡£¡£
꿅᣼http://www.yaml.de/en/
Àï
ÃæÓÐÔ´Â룬¿ª·¢ÎĵµÒÔ¼°Ò»Ð©Ê¹Óô˿ò¼Ü´î½¨µÄÒ³ÃæʵÀý¡£
¶þ¡¢blueprintcss
Èý¡¢Elements
Ò»¡¢Ê²Ã´ÊÇ
Elements
1.ElementsÊÇÒ»¿î´¿¾»µÄCSS¿ò¼Ü£¬¿ÉÒÔ°ïÖúÉè¼Æʦ¿ìËÙ¸ßЧÂʵÄÊéдcssÎĵµ¡£Äã¿ÉÒÔ½«ËûÀí½â³ÉÒ»Ì×Ä£°å£¬
ÀïÃæ°üº¬ÁË´ó¶àÊýÕ¾µãÖÐËùÐèÒªµÄÄÇЩcssÀà¡£ËûºÜС£¬Ö»ÓÐËĸöÎļþ¶øÒÑ¡£×ܹ²²»µ½6KB¡£
2.ÕâËĸöÎļþ·Ö±ðÊÇ×öʲôÓã¿
Elements.css
¹éÄÉÁËһЩվµãcssÖг£ÓõÄcssÀà
Reset ¶ÔһЩ³£ÓõÄhtml±êÇ©½øÐÐÔ¤Éè¡£ÀýÈçhtml, body, div, span,
applet, h1, h2, h3, h4, h5, h6....µÈµÈ¡£
Typography
ÎÄ×ÖÅÅ°æ³£ÓñêÇ©µÄÔ¤Éè¡£ÀýÈç
body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textareaµÈ
External
Links ¶ÔÓÚ¸÷ÖÖÎĵµÐÎʽµÄÁ´½ÓµÄÔ¤Éè¡£Õâ¸ö¶«Î÷ºÜÔçÒѾÓÐÈ˵¥¶ÀÌá³ö¹ý¡£
3.ÈçºÎʹÓÃElements CSS¿ò¼Ü£¿
<link
rel="stylesheet" type="text/css" href="/css/elements/elementsImport.css"
/>
´ó¼Ò¿ÉÄÜ×¢Òâµ½ÉÏÃæµÄͼƬÖÐÓÐ5¸öcssÎļþ£¬ÆäÖеÄelementsImport.cssÖ»Êǽ«ÆäËûµÄËĸöcssÎļþ·Ö±ðµ¼Èë½ø
À´¡£
@import "reset.css";
@import "typography.css";
@import
"elements.css";
@import "externalLinks.css";
Elements¿ò¼ÜÒ²Ðí²¢²»Ò»¶¨ÊÊ
ºÏÎÒÃǵÄÕ¾µã¿ª·¢£¬µ«ÊÇͨ¹ýËüÎÒÃÇ¿ÉÒÔÕÒµ½Ò»Öֺõļܹ¹·½Ê½¡£Èç¹ûÄã¾³£»áºÍcss´ò½»µÀ£¬²»ÂÛÄãÊÇÔÚ×öÆóÒµÕ¾»¹ÊÇÃÅ»§Õ¾£¬ºÃºÃµÄÕûÀíÒ»ÏÂÄãÒÔÇ°µÄÎĵµ£¬
¸ù¾ÝÄãµÄÐèÇóÖƶ¨×Ô¼ºµÄCSS¿ò¼Ü£¬»áºÜ´ó³Ì¶ÈÉϵÄÌá¸ßÄãµÄ¿ª·¢Ð§ÂÊ¡£
Ïà¹ØÎĵµ£º
Ò» cssµÄÓÅÏȼ¶
½ñÌìÓÐÈ˸úÎÒ˵css
hackÖÐÓÃ!importantÀ´Çø·Öie6£¬ÒòΪie6²»Ö§³Ö!important£¬ÊǵÄÔÚºÜÔçÒÔÇ°ÎÒÒ²ÊÇÓùýÕâÖÖ·½·¨Ð´hack£¬µ«ÊǺóÀ´¾Í»ù±¾²»ÓÃÁË¡£±¾À´ÎÒ¶ÔËû˵Äie6²»Ö§³Ö!importantҲûʲôÒìÒ飬¿ÉÊÇÕýºÃÔÚÇ°¼¸ÌìÕýºÃÓøöÕâ¸ö!importantÊôÐÔ½â¾öÁËÒ»¸öÑùʽÓÅÏȼ¶µÄÎÊÌ⣬¶øÇÒÊÇÖ§³Öie6µÄ£¬ÕâÊÇΪʲôÄØ£¿ ......
1.ÔÚJSPÖÐÉú³É¶¯Ì¬XML
¿ÉÒÔʹÓÃJSPÉú³ÉXML,ʹÓÃCSS»òÕßXSLת»»ºÍÏÔʾXML;
Ö»ÒªÔÚ¾²Ì¬µÄXMLÎĵµÄ£°åÖмÓÈëJava´úÂëºÍJSP±ê¼Ç£¬XML¾Í¿ÉÒÔÓо²±ä¶¯£¬²úÉú¶¯Ì¬µÄÄÚÈÝ£¬Éú³ÉXMLÎĵµµÄ·½·¨ºÜ¼òµ¥£¬Ö»ÐèÒªÔÚÎļþÖÐʹÓÃÖ¸Áîcontenttype,Èç<%@ page contenttype="text/xml"%>£»
ÔÚXMLÎĵµÖÐͬÑù¿ÉÒÔʹ ......
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÊǸö·Ç³£ÈÃÈËÍ·ÌÛµÄÊÂÇéÁË, ÍøÂçÉϵĽ̳̱éµØ¶¼ÊÇ.½ñÌìÔÚdiscuz.netÉÏ·¢ÏÖÁËһƪ²»´íµÄ¶«Î÷£¬¾ÍתÔعýÀ´ºÍ´ó¼Ò¹²Ïí.¿ÉÒÔµ±×÷CSS¼æÈÝIE6,IE7,FireFoxµä·¶ÁË£¬ÖµµÃÈ¥¼Ç¼Ï¡£·¢ÏÖ×Ô¼ººÜ¾ÃûÓÐתÔض«Î÷¡£
×¢£ºIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFirefox,Opera,Netscape)²»ÄÜʶ±ð*£»IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !im ......
ÈÃleftµÄ¸ß¶ÈµÈÓÚ centerµÄ¸ß¶È..........
<div id=left></div>
<div id=center></div>
<script type="text/javascript">
document.getElementById("left").style.height = document.getElementById("center").offsetHeight + "px";
</script> ......
ÏÖÔÚÍøÕ¾»»Æ¤·ôÊDZȽϳ£¼ûµÄ¹¦ÄÜ£¬´ó¶àÊýÂÛ̳¶¼Óеģ¬ÒªÏëʵÏÖÕâÑùЧ¹û¿ÉÒÔ¿´ÈçÏ´úÂ룺Html´úÂ벿·Ö:
1.ÒªÓÐÒ»¸ö´øidµÄÑùʽ±íÁ´½Ó,ÎÒÃÇҪͨ¹ý²Ù×÷Õâ¸öÁ´½ÓÀ´µ÷Óò»Í¬µÄhref.
<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />
2.Ƥ·ôÑ¡Ôñ°´Å¥(ºǫ́Ϊÿ¸öliÌí¼Óonclickʼþ,´¥·¢»»· ......