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

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

Block element ¿é¼¶ÔªËØ
¹ËÃû˼Òå¾ÍÊÇÒÔ¿éÏÔʾµÄÔªËØ£¬¸ß¶È¿í¶È¶¼ÊÇ¿ÉÒÔÉèÖõġ£±ÈÈçÎÒÃdz£ÓõÄ<div>¡¢<p>¡¢<ul>ĬÈÏ״̬϶¼ÊÇÊôÓÚ¿é¼¶ÔªËØ¡£¿é¼¶ÔªËرȽϰԵÀ£¬Ä¬ÈÏ״̬ÏÂÿ´Î¶¼Õ¼¾ÝÒ»Õû¸öÐУ¬ºóÃæµÄÄÚÈÝÒ²±ØÐëÔÙÐÂÆðÒ»ÐÐÏÔʾ¡£µ±È»·Ç¿é¼¶ÔªËØÒ²¿ÉÒÔͨ¹ýcssµÄdisplay:block;½«Æä¸ü¸Ä³É¿é¼¶ÔªËØ¡£´ËÍ⻹ÓиöÌØÊâµÄ£¬floatÒ²¾ßÓд˹¦ÄÜ¡£
Inline element ÄÚÁªÔªËØ
ͨË×µãÀ´Ëµ¾ÍÊÇÎı¾µÄÏÔʾ·½Ê½£¬Óë¿é¼¶ÔªËØÏà·´£¬ÄÚÁªÔªËصĸ߶ȿí¶È¶¼ÊDz»¿ÉÒÔÉèÖõ쬯ä¿í¶È¾ÍÊÇ×ÔÉíÎÄ×Ö»òÕßͼƬµÄ¿í¶È¡£ÎÒÃdz£Óõ½µÄ<a>¡¢<span>¡¢<em>¶¼ÊôÓÚÄÚÁªÔªËØ¡£ÄÚÁªÔªËصÄÏÔÊ¾ÌØµã¾ÍÊÇÏñÎı¾Ò»ÑùµÄÏÔʾ£¬²»»á¶À×ÔÕ¼¾ÝÒ»¸öÐС£µ±È»¿é¼¶ÔªËØÒ²Äܱä³ÉÄÚÁªÔªËØ£¨±¾ÎÄÎª×ªÔØ£¬¸öÈËÈÏΪ·Ç¾ø¶ÔÒâÒåÉϵÄÄÚÁª£©£¬ÄǾÍÊÇͨ¹ýcssµÄdisplay:inline;ºÍfloatÀ´ÊµÏÖ¡£
           
ÔÚ¡¶CSSȨÍþÖ¸ÄÏ¡·ÕâÑù¶¨Òåµ½£¬“Èκβ»ÊÇ¿é¼¶ÔªËØµÄ¿É¼ûÔªËØ¶¼ÊÇÄÚÁªÔªËØ£¬Æä±íÏÖµÄÌØÐÔÊÇ“Ðв¼¾Ö”ÐÎʽ¡£”ÎÒ¸öÈ˲»Ì«Ï°¹ß“Ðв¼¾Ö”µÄ˵»°£¬ÒòΪÎÒÈÏΪ¿é¼¶ÔªËØ´Ó±íÏÖÉϸüÏñ“ÐДÏÔʾ£¬¶øÄÚÁªÔªËظüÏñÊÇ“Îı¾”µÄÏÔʾÊôÐÔ¡£ÕâÆäÖÐÒ»µã¼ÇסºÜ¹Ø¼ü£¬“ÄÚÁªÔªËصĸ߶ȿí¶È¶¼ÊDz»¿ÉÒÔÉèÖõ쬯ä¿í¶È¾ÍÊÇ×ÔÉíÎÄ×Ö»òÕßͼƬµÄ¿í¶È”¡£ÒòΪÔÚÄãÉèÖÿí¶È¸ß¶È´ó°ëÌìºóû·´Ó¦²Å·¢ÏÖ£¬Ô­À´ÕâÖ»ÊǸöÄÚÁªÔªËØ¡£
ÄÚÁªÔªËØÊÇʲôÒâË¼ÄØ£¿Ê²Ã´Êǿ鼶±ðÔªËØ¡£
¡¶CSSȨÍþÖ¸ÄÏ¡·ÖÐÎÄ×ÖÏÔʾ£ºÈκβ»ÊÇ¿é¼¶ÔªËØµÄ¿É¼ûÔªËØ¶¼ÊÇÄÚÁªÔªËØ¡£Æä±íÏÖµÄÌØÐÔÊÇ“Ðв¼¾Ö”ÐÎʽ£¬ÕâÀïµÄ“Ðв¼¾Ö”µÄÒâ˼¾ÍÊÇ˵Æä±íÏÖÐÎʽʼÖÕÒÔÐнøÐÐÏÔʾ¡£±ÈÈ磬ÎÒÃÇÉ趨һ¸öÄÚÁªÔªËØborder-bottom:1px solid #000;ʱÆä±íÏÖÊÇÒÔÿÐнøÐÐÖØ¸´£¬Ã¿Ò»ÐÐÏ·½¶¼»áÓÐÒ»ÌõºÚÉ«µÄϸÏß¡£Èç¹ûÊÇ¿é¼¶ÔªËØÄÇôËùÏÔʾµÄµÄºÚÏßÖ»»áÔÚ¿éµÄÏ·½³öÏÖ¡£
        p¡¢h1¡¢»òdivµÈÔªËØ³£³£³ÆÎª¿é¼¶ÔªËØ£¬ÕâÐ©ÔªËØÏÔʾΪһ¿éÄÚÈÝ£»Strong,spanµÈÔªËØ³ÆÎªÐÐÄÚÔªËØ£¬ËüÃǵÄÄÚÈÝÏÔʾÔÚÐÐÖУ¬¼´“ÐÐÄÚ¿ò”¡££¨¿ÉÒÔʹÓÃdisplay=block½«ÐÐÄÚÔªËØ×ª»»³É¿éÔªËØ£¬display=none±íʾÉú³ÉµÄÔªËØ¸ù±¾Ã»Óпò£¬Ò²¼È²»ÏÔÊ¾ÔªËØ£¬²»Õ¼ÓÃÎĵµÖеĿռ䣩
A£ºÐÐÄÚ¾ÍÊÇÔÚÒ»ÐÐÄÚµÄÔªËØ£¬Ö»ÄÜ·ÅÔÚÐÐÄÚ£»¿é¼¶ÔªËØ£¬¾ÍÊÇÒ»¸öËÄ·½¿é£¬¿ÉÒÔ·ÅÔÚÒ³ÃæÉÏÈκεط½¡£


Ïà¹ØÎĵµ£º

CSSʵÏÖÔ²½ÇµÄ 25 ÖÖ¼¼ÇÉ·ÖÏí

Ô­ÎĵØÖ·£ºhttp://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......

DIV CSSÉè¼ÆÊ±IE6/IE7/FF ¼æÈÝÐÔÎÊÌâ½â¾öƪ

ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍø£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÂÒ¿ÉÄܳöÈ¥²»Ïë³öÏÖµÄЧ¹û£¡
ËùÓÐä¯ÀÀÆ÷ ͨÓÃ
height: 100px;
IE6 רÓÃ
_height: 100px;
IE6 רÓÃ
*height: 100px;
IE7 רÓÃ
*+height: 100px;
IE7¡¢FF ¹²ÓÃ
height ......

CSS³£ÓÃÊôÐÔ

Css³£ÓÃÊôÐÔ£º
1. color, background-color£º±íʾÑÕÉ«µÄ¹Ø¼ü×Ö£¬16½øÖÆÊý£¨http://www.clagnut.com/blog/260ÖÐÌṩµÄcolor
scheme¹¤¾ß£©
2. font-family£º¸ÃÊôÐÔµÄÖµ¿ÉÒÔÊÇÒ»×é×ÖÌ壬°´Ï²»¶³Ì¶ÈÅÅÐòµÄ×ÖÌåÁÐ±í¡£Ò»Ð©ÖÐÎÄ×ÖÌåµÄÁÐ±í£º
WindowsµÄһЩ£º
·        
ÐÂ&# ......

תµÄ:PNGÔÚIE6ÏÂ͸Ã÷µÄcss½â¾ö·½°¸


ie6²¢²»ÊDz»Ö§³Öpng£¬ËüÖ§³ÖË÷ÒýÑÕÉ«µÄPNG-8£¬¶øÊDz»Ö§³ÖRGBÑÕÉ«µÄPNG-24¡£
ie6ÀïµÄPNG-24ͼƬ×ö±³¾°Ö÷ÒªÓÐÒÔϼ¸¸öÎÊÌ⣺
Ò»¡¢ie6Àïpng±³¾°Í¸Ã÷ÎÊÌ⣺½â¾ö°ì·¨ÓÃÂ˾µ¡£Õâ¸öÒ»°ã¸ßÊÖÃǶ¼ÖªµÀ¡£
×¢Ò⣺src Õâ¸ö·¾¶ÊÇÖ¸¼ÓÔØÂ˾µµÄÒ³ÃæÏà¶ÔÓÚͼƬµÄ·¾¶£¬¶ø²»ÊÇcssÎļþÏà¶ÔÓÚͼƬµÄ·¾¶¡£Õâ¸úÒ»°ãµÄͼƬ¼ÓÔØÓÐÇø±ð¡£
fi ......

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

                              CSS±³¾°ÊôÐÔ
±³¾°ÑÕÉ«ÊôÐÔ(background-color)
Õâ¸öÊôÐÔΪHTMLÔªËØÉ趨±³¾°ÑÕÉ«£¬Ï൱ÓÚHTMLÖÐbgcolorÊôÐÔ¡£
body {background ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ