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

ѧϰdiv+cssÍøÒ³Éè¼ÆÈçºÎÈëÃÅ

ÍøÒ³Éè¼Æ»òÐí¶ÔºÜ¶àÈËÀ´ËµÊǸöÈëÃÅÃż÷ºÜµÍµÄ¼¼Êõ,µ«ÊÇÒªÕæÕýÕÆÎÕdiv+cssÍøÒ³Éè¼ÆµÄ¾«»ª»¹ÊÇÐèÒª¿¿²»¶ÏµÄŬÁ¦ºÍʵ¼ù²ÅÄÜ´ïµ½,ÄÇôÎÒÃÇÓ¦¸ÃÈçºÎѧϰdiv+cssÍøÒ³Éè¼ÆÄØ?
CSSѧϰÖØÔÚ·½·¨
ѧϰÈκζ«Î÷¶¼ÊÇÒ»Ñù£¬´ÓСѧ¡¢ÖÐѧ¡¢´óѧ£¬³ýÁËѧϰ֪ʶÍâ¾ÍÊÇȥѧϰ·½·¨£¡
ÒªÏë°ÑÎÕCSS, Ê×ÏÈҪѧ»áHTML£¬ÎÒ¸Õ¿ªÊ¼ÊÇ´ÓÁ㿪ʼѧϰµÄ£¬»¨ÁËÒ»¸öÔÂʱ¼äѧϰHTML£¬Ã»ÓÐÀÏʦ£¬Êé¾ÍÊÇÎÒΨһµÄÀÏʦ£¬Ò²Ã»ÓÐÉÏÍøµÄÌõ¼þ£¡Ò»¸öÔ¹ýºó£¬ÎҾͿªÊ¼Ñ§Ï°CSS£¬¸Õ¿ªÊ¼¿´µÄµÚÒ»±¾CSSÊéÊÇ¡¶CSSÍøÒ³ÑùʽÉè¼Æ¡·¿´Á˼¸Ììºó·¢ÏÖ¸ù±¾¿´²»¶®£¡£¬Ö®ºó»»ÁËÒ»±¾¡¶HTML²Î¿¼´óÈ«¡·£¬Õâ±¾ÊéÊÇÍøÒ³ÖÆ×÷ʦµÄ°¸Í·³£±¸Ö®Ê飡֮ËùÒÔ¸ü»»Õâ±¾ÊéÀ´Ñ§Ï°CSS£¬ÊÇÒòΪÕâÀïÃæÓÐÒ»²¿·ÖÊÇCSS£¬¾Í³ÉÁËÎÒµÄCSSÆôÃÉÊé¡£¿´Á˼¸¶Îºó£¬¾õµÃÍâ¹úÈËдµÄ½Ì³ÌºÜÓÐÌõÀí£¬ÓÉdzÈëÉһ²½Ò»²½ÒýÁìÄãÏòÇ°×ߣ¬ÈÃÄãÃ÷°×ËûÃÇÔÚ˵ʲô£¬¶ø²»ÊÇÏó¹úÄÚµÄÊé½²µÄÉîdz²»Ò»£¬È±·¦ÌõÀí£¬ºÃÏóÅÂÄã²»ÖªµÀËûºÜÓÐѧÎÊ£¡¾ÍÏóÇ°ÃæËù˵µÄÄDZ¾Ê顶CSSÍøÒ³ÑùʽÉè¼Æ¡·µ±Ê±¿´ÁË£¬¶ÔÓÚ³õѧCSSµÄÎÒÀ´Ëµ£¬ÕæµÄ²»ÖªµÀËüÔÚ˵ʲô£¡
ÔÙÀ´Ì¸Ò»ÏÂѧϰ¹ý³ÌÖеÄϸ½Ú£¬ÒòΪһ¸öÑùʽËüÊDz»¿ÉÄÜÍÑÀëHTMLÒ³ÃæµÄ£¬HTML²»ÓëÑùʽ½áºÏµÄ»°, CSS¾ÍʧȥÁË´æÔÚµÄÒâÒå¡£ËùÒÔÒ»°ãÊéÖж¼»á¾ÙÒ»¸öÀý×Ó£¬È»ºóÈÃÄãÉÏ»ú²âÊÔЧ¹û£¬ÕâÊDZÊÕßÏëÈÃÄãÓжÔÑùʽ±íCSSÓÐÒ»¸ö³õ²½µÄÓ¡Ï󣬸æËßÄãCSSÄÜ×öʲô¡£Ò»¸öСÀý×Ó£º“ÂéȸËäС£¬ÎåÔà¾ãÈ«”£¬Äã¿ÉÄÜ¿´²»¶®Ã¿Ò»¸öÓï¾äµÄÕæÕýÒâ˼¡£µ«ÊÇÄã¿ÉÒԼǵÃÀý×ÓµÄģʽ£¬ÒÔºóÔÚʵ¼ùÖв»¶ÏµØÓ㬲»¶ÏÓõĹý³Ì¾ÍÊDz»¶Ï¼ÇµÄ¹ý³Ì£¬ËùÒÔ²»ÄÜ»ÖÐÄ£¬²»ÄÜ×ÜÈÏΪ×Ô¼º¼ÇÒäÁ¦²»ºÃ£¬µ«²»¹ÜÄãÆïµÄÊÇÅ£Ò²ºÃ£¬Ç§ÀïÂíÒ²°Õ£¬Ö»ÒªÓкãÐÄ£¬Ò»¶¨»áµ½´ïÖÕµãµÄ¡£
ÔĶÁÒ»±¾Ê飬һ°ãÀ´ËµµÚÒ»´ÎÒªÏÈ°ÑÕû¸öÊéͨ¶ÁÒ»±é£¬²»Àí½âµÄÒ²ÒªÍùÏ¿´£¬ÔÚÍùÏ¿´µÄ¹ý³ÌÖÐÄãÒ²Ðí»áÕÒµ½ÄǸöÎÊÌâµÄ´ð°¸¡£¿´ÍêºóÄãÓÐÒ»¸ö´ó¸ÅµÄÓ¡Ï󣬵«Ò»¶¨Óкܶ಻Ã÷°×µÄµØ·½£¬Ã»¹Øϵ£¬¼ÌÐøÍùÏ¿´¡£
µÚ¶þ±éÄã¾ÍÒª±ß¿´±ß×öѧϰ±Ê¼ÇÁË£¬°ÑÄãÈÏΪÊÇÖصãµÄ²¿·ÖдÉÏ£¬»¹ÓУ¬Äã¾õµÃÓÐÒÉÎʵIJ¿·ÖÒ²Òª¼ÇÏ£¬´ø×ÅÒÉÎÊ¿´ÏÂÈ¥£¬¼ÙÈçûÓд𰸣¬Äã¿ÉÒÔÈ¥BBSÉÏ·¢Ò»¸öÌù×Ó£¬ºÃÐÄÈË»¹ÊǺܶàµÄ£¬Ìáʾһ¾ä£º“Ò»¶¨ÒªÑ§»áÈçºÎÈ¥ÎÊÎÊÌ⣡” ÕâÀï¾Í²»ËµÁË¡£Ä㻹ҪÉÏ»úÈ¥Á·Ï°ÊéÉϵÄÀý×Ó£¬×îÈÃÄãÀ§»óµÄ£º“Ò»ÊǼDz»×¡£¬¶þÊǶԸÅÄîµÄÀí½âÓÐÎó£¨ÕâÒ»Ìõ¿ÉÄÜÊÇÊéÒëµÄ²»ºÃ£¬ÁíÍâ¾ÍÊÇÄãµÄÀí½â²»¶Ô£©”£¬¶ÔÓÚµÚÒ»ÌõÄã¾ÍÒªÊ÷Á¢ÐÅÐÄ£¬¼á³ÖÔÙ¼á³ÖÏÂÈ¥¡£µ±Äãµ½´ïÖÕµãʱÄã»Ø·¢ÏÖÒ»Çж¼ÊÇ˳Àí³ÉÕµÄÊ¡£ÒòΪÄã


Ïà¹ØÎĵµ£º

Javascript+css ʵÏÖÍøÒ³»»·ô¹¦ÄÜ


ÏÖÔÚÍøÕ¾»»Æ¤·ôÊDZȽϳ£¼ûµÄ¹¦ÄÜ£¬´ó¶àÊýÂÛ̳¶¼Óеģ¬ÒªÏëʵÏÖÕâÑùЧ¹û¿ÉÒÔ¿´ÈçÏ´úÂ룺Html´úÂ벿·Ö:
1.ÒªÓÐÒ»¸ö´øidµÄÑùʽ±íÁ´½Ó,ÎÒÃÇҪͨ¹ý²Ù×÷Õâ¸öÁ´½ÓÀ´µ÷Óò»Í¬µÄhref.
<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />
2.Ƥ·ôÑ¡Ôñ°´Å¥(ºǫ́Ϊÿ¸öliÌí¼Óonclickʼþ,´¥·¢»»· ......

DIV+CSSÄѵãÖ®¾­Ñé×ܽá

1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
    ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
    CSS£º
body{
 margin:0;
 padding:0;
 text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
 width:760px;
 margin:0 auto;
 padding:0
}
    2¡¢ÎÄ×Ö´¹Ö±¾ ......

CSS¿ò¼Ü»ã×Ü

Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼ ......

CSS ³õ¼¶½Ì³Ì

CSS ¸ÅÊö
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
Ñùʽ¶¨ÒåÈçºÎÏÔʾ HTML ÔªËØ
Ñùʽͨ³£´æ´¢ÔÚÑùʽ±íÖÐ
°ÑÑùʽÌí¼Óµ½ HTML 4.0 ÖУ¬ÊÇΪÁ˽â¾öÄÚÈÝÓë±íÏÖ·ÖÀëµÄÎÊÌâ
ÍⲿÑùʽ±í¿ÉÒÔ¼«´óÌá¸ß¹¤×÷ЧÂÊ
ÍⲿÑùʽ±íͨ³£´æ´¢ÔÚ CSS ÎļþÖÐ
¶à¸öÑùʽ¶¨Òå¿É²ãµþΪһ
Ñùʽ½â¾öÁËÒ»¸öÆÕ±éµÄÎÊÌâ
HTML ±êÇ©Ô­±¾± ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ