99¿î¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
99¿î¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
°æȨÉùÃ÷£º×ªÔØʱÇëÒÔ³¬Á´½ÓÐÎʽ±êÃ÷ÎÄÕÂÔʼ³ö´¦ºÍ×÷ÕßÐÅÏ¢¼°±¾ÉùÃ÷
http://iamsam.blogbus.com/logs/49215789.html
¡¡¡¡´ó¼Ò¶¼Çå³þÒ»¸öÍøÕ¾ÏóÕ÷×ÅÄãºÍÄãµÄÆ·ÅÆ£¬ÕâÈ¡¾öÓÚÄãÈçºÎ¹¹½¨×Ô¼ºµÄÍøÕ¾¡£ÕýÒòΪWordpressÔ½À´Ô½Êܵ½»¥ÁªÍøÉè¼ÆȺÌåµÄ¹Ø×¢£¬Ëü²¢²»´ú±í×î»ù±¾µÄ(X)HTML/CSSºÜ³ó¡¢ºÜÔÓÂҺ͵¥µ÷¡£±òGo½«Ïò´ó¼ÒÍƼö99¸ö¸ßÖÊÁ¿µÄÃâ·Ñ(X)HTML/CSSÄ£°å£¬Äã¿ÉÒÔÓÃÓÚ×Ô¼º»ò¹«Ë¾ÆóÒµµÄÍøÕ¾¡£
Äú»¹¿ÉÒԲο¼ÒÔÏÂ(X)HTML/CSSÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶30¸ö»ùÓÚCSSµÄµ¼º½ºÍ°´Å¥ÓÅÐãÉè¼Æ½Ì³Ì¡·
¡¶2008Äê×î¼ÑWebÉè¼Æ/Ç°¶Ë¿ª·¢¼¼ÇÉ¡¢½Å±¾¼°×ÊÔ´×ܽᡷ
¡¶¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý¡·
¡¶43¸öʵÀýxHTML+CSS(DIV+CSS)ÍøÒ³¼°µ¼º½²¼¾Ö½Ì³Ì¡·
¸ßÖÊÁ¿Ãâ·Ñ(X)HTML/CSSÄ£°å
01. T-20
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
02. Shape
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
03. Your Business
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
04.Solitude
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
05. Fashion Club (Registration Required)
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
06. O’No! Typography
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
07.Projection
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
08.Fresh Restaurant
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
09.Jungleland 1.0
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
10.SindromK
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
11. Environment Brand Design
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
12.Colourise 1.0
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
13.Charcoal (Registration Required)
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
14.H Free Software
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
15. Dark and Sleek Web Design
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
16.Photo Portfolio
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
17. FACING
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
18.Symisun
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
19.Luvbold
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
20.freetemplates
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
21.2 Breed
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
22.Extreme Georgia
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
23.Electronix
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
24.Catalogio
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
25.theARTofTYPE
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
26.Alexx C
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
27. Greefies
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
28. FreshMedia 1.0
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
29.Dusky
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
30.Creative Media
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
31.Package (Registration Required)
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
32.Internet Music
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
33.Typographic Times
ÔÚÏßÔ¤ÀÀ ÏÂÔظÃÄ£°å
34. Turrion
Ïà¹ØÎĵµ£º
¶¯»»ÐÐÎÊÌâ,Õý³£×Ö·ûµÄ»»ÐÐÊDZȽϺÏÀíµÄ,¶øÁ¬ÐøµÄÊý×ÖºÍÓ¢ÎÄ×Ö·û³£³£½«ÈÝÆ÷³Å´ó,ͦÈÃÈËÍ·ÌÛ,ÏÂÃæ½éÉܵÄÊÇCSSÈçºÎʵÏÖ»»Ðеķ½·¨
¶ÔÓÚdiv,pµÈ¿é¼¶ÔªËØ
Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö)ÔªËØÓµÓÐĬÈϵÄwhite-space:normal,µ±¶¨ÒåµÄ¿í¶ÈÖ®ºó×Ô¶¯»»ÐÐ
html
<
id="wrap">Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö) ......
Ò»¡¢ ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1. ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢ÓÒ¡¢Ï¡¢×ó)
1px 2px 3px £¨Ê¡ÂÔµÄ×óµÈÓÚÓÒ£©
1px 2px (Ê¡ÂÔµÄÉϵÈÓÚÏÂ)
1px & ......
1.»ñÈ¡URL
»ñÈ¡urlµÄ·½·¨£¬Ö±½ÓÓÃlocation¾Í¿ÉÒÔÁË£¬window.location»òwindow.loation.hrefÒ²¿ÉÒÔ¡£
2.·ÖÎöURL
ÔËÓÃlocation»ñÈ¡µÄurlµÄÊôÐÔΪobject£¬Òª¶ÔÆä½øÐÐ×Ö·û´®µÄ·ÖÎö²Ù×÷£¬ÐèÒªÏȽ«Æäת»»Îª×Ö·û´®¡£
ÓÃlocationÀ´½øÐд¦Àí£¬Ê×ÏȽ«Æäת»»Îª×Ö·û´®£¬Óú¯ÊýtoString()£¬URL.toString();
¸½Ò»Ð©URL²ÎÊý
ÍêÕûµÄU ......
WEB·þÎñÆ÷¿Ø¼þÊÇHTML¿Ø¼þµÄÒ»ÖÖÀ©Õ¹,Çø±ðÊÇ:
1)Ç°Õß¿ÉÒÔ´¥·¢·þÎñÆ÷¿Ø¼þÌØÓеÄʼþ£¬ºóÕßÖ»ÄÜͨ¹ý»ØµÝµÄ·½Ê½´¥·¢·þÎñÆ÷ÉϵÄÒ³Ã漶ʼþ¡£
2)ÊäÈ뵽ǰÕßÖеÄÊý¾ÝÔÚÇëÇóÖ®¼ä¿ÉÒÔά»¤£¨¼´¾ßÓÐ״̬¹ÜÀí¹¦ÄÜ£©,¶øºóÕßÎÞ·¨×Ô¶¯Î¬»¤Êý¾Ý£¬Ö»ÄÜʹÓÃÒ³Ã漶µÄ½Å±¾À´±£´æºÍ»Ö¸´¡£
3)Ç°Õß¿ÉÒÔ×Ô¶¯¼ì²âä¯ÀÀÆ÷²¢µ÷Õûµ½Ç¡µ±µÄÏÔʾ£¬¶øº ......
ºÜ¶àʱºòÎÒÃDZØÐëʹһЩ¿éÔªËز¢ÅÅÏÔʾ£¬Ò»°ãÏëµ½µÄÊDZØÐëʹÓø¡¶¯£¬µ«ÊÇ¿éÔªËظ¡¶¯¸ø±ß¾à(margin)µÄʱºòÔÚIEÏ»á³öÏÖ¼Ó±¶µÄBUG£¬ËùÒԺܶàʱºò²»µÃ²»°ÑÕâ¸ö¿éÔªËØÌ×ÔÚÒ»¸öÄÚÁªÔªËØÀïÃ棬Ȼºó¸øÄÚÁªÔªËظ¡¶¯ºÍ±ß¾à¡£½ñÌì¿´µ½ÁËâø·É¡¢ÇظèºÍÎÚÁú²è¹ØÓÚdisplay:inline-blockµÄÎÄÕ£¬ºÜ²»´í£¬×ÛºÏһϣ¬¼Ç¼ÏÂÀ´¡£
display:inl ......