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

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


Ïà¹ØÎĵµ£º

css±³¾°Í¼Æ¬Ïà¹Ø

                              CSS±³¾°ÊôÐÔ
±³¾°ÑÕÉ«ÊôÐÔ(background-color)
Õâ¸öÊôÐÔΪHTMLÔªËØÉ趨±³¾°ÑÕÉ«£¬Ï൱ÓÚHTMLÖÐbgcolorÊôÐÔ¡£
body {background ......

css×Ô¶¯»»ÐÐ,·ÀÖ¹³ÅÆÆdiv

¶¯»»ÐÐÎÊÌâ,Õý³£×Ö·ûµÄ»»ÐÐÊDZȽϺÏÀíµÄ,¶øÁ¬ÐøµÄÊý×ÖºÍÓ¢ÎÄ×Ö·û³£³£½«ÈÝÆ÷³Å´ó,ͦÈÃÈËÍ·ÌÛ,ÏÂÃæ½éÉܵÄÊÇCSSÈçºÎʵÏÖ»»Ðеķ½·¨
¶ÔÓÚdiv,pµÈ¿é¼¶ÔªËØ
Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö)ÔªËØÓµÓÐĬÈϵÄwhite-space:normal,µ±¶¨ÒåµÄ¿í¶ÈÖ®ºó×Ô¶¯»»ÐÐ
html
<
id="wrap">Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö) ......

CSS²¼¾Ö ¿é¼¶ÔªËؼ°ÄÚÁªÔªËØ

Block element ¿é¼¶ÔªËØ
¹ËÃû˼Òå¾ÍÊÇÒÔ¿éÏÔʾµÄÔªËØ£¬¸ß¶È¿í¶È¶¼ÊÇ¿ÉÒÔÉèÖõġ£±ÈÈçÎÒÃdz£ÓõÄ<div>¡¢<p>¡¢<ul>ĬÈÏ״̬϶¼ÊÇÊôÓÚ¿é¼¶ÔªËØ¡£¿é¼¶ÔªËرȽϰԵÀ£¬Ä¬ÈÏ״̬ÏÂÿ´Î¶¼Õ¼¾ÝÒ»Õû¸öÐУ¬ºóÃæµÄÄÚÈÝÒ²±ØÐëÔÙÐÂÆðÒ»ÐÐÏÔʾ¡£µ±È»·Ç¿é¼¶ÔªËØÒ²¿ÉÒÔͨ¹ýcssµÄdisplay:block;½«Æä¸ü¸Ä³É¿é¼¶ÔªËØ¡£´ËÍâ» ......

ÉÆÓÃcssËõд¹æÔò

Ò»¡¢  ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1.      ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢ÓÒ¡¢Ï¡¢×ó)
1px 2px 3px    £¨Ê¡ÂÔµÄ×óµÈÓÚÓÒ£©
1px 2px        (Ê¡ÂÔµÄÉϵÈÓÚÏÂ)
1px & ......

CSS ÖÐ Display µÄÒ»Ð©ÌØÊâÊôÐÔ

ºÜ¶àʱºòÎÒÃDZØÐëʹһЩ¿éÔªËØ²¢ÅÅÏÔʾ£¬Ò»°ãÏëµ½µÄÊDZØÐëʹÓø¡¶¯£¬µ«ÊÇ¿éÔªËØ¸¡¶¯¸ø±ß¾à(margin)µÄʱºòÔÚIEÏ»á³öÏÖ¼Ó±¶µÄBUG£¬ËùÒԺܶàʱºò²»µÃ²»°ÑÕâ¸ö¿éÔªËØÌ×ÔÚÒ»¸öÄÚÁªÔªËØÀïÃæ£¬È»ºó¸øÄÚÁªÔªËظ¡¶¯ºÍ±ß¾à¡£½ñÌì¿´µ½ÁËâø·É¡¢ÇظèºÍÎÚÁú²è¹ØÓÚdisplay:inline-blockµÄÎÄÕ£¬ºÜ²»´í£¬×ÛºÏһϣ¬¼Ç¼ÏÂÀ´¡£
display:inl ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ