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µÄ£¬ÕâÊÇÎªÊ²Ã´ÄØ£¿ ......
Ò» CSSÎÄ×ÖÊôÐÔ£º
color : #999999; /*ÎÄ×ÖÑÕÉ«*/
font-family : ËÎÌå,sans-serif; /*ÎÄ×Ö×ÖÌå*/
font-size : 9pt; /*ÎÄ×Ö´óС*/
font-style:itelic; /*ÎÄ×ÖбÌå*/
font-variant:small-caps; /*С×ÖÌå*/
letter-spacing : 1pt; /*×Ö¼ä¾àÀë*/
line-height : 200%; /*ÉèÖÃÐиß*/
font-weight:bold; /*ÎÄ×Ö´ÖÌå* ......
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFC300;
Èç¹ûʹÓÃDw»òÕ߯ä ......
1 µ¼ÈëÍⲿjsÎļþ£º
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 µ¼ÈëÍⲿcssÎļþ£º
<link rel="stylesheet" ty ......
ÏÖÔÚÍøÕ¾»»Æ¤·ôÊDZȽϳ£¼ûµÄ¹¦ÄÜ£¬´ó¶àÊýÂÛ̳¶¼Óеģ¬ÒªÏëʵÏÖÕâÑùЧ¹û¿ÉÒÔ¿´ÈçÏ´úÂ룺Html´úÂ벿·Ö:
1.ÒªÓÐÒ»¸ö´øidµÄÑùʽ±íÁ´½Ó,ÎÒÃÇҪͨ¹ý²Ù×÷Õâ¸öÁ´½ÓÀ´µ÷Óò»Í¬µÄhref.
<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />
2.Ƥ·ôÑ¡Ôñ°´Å¥(ºǫ́Ϊÿ¸öliÌí¼Óonclickʼþ,´¥·¢»»· ......