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

CSSÈëÃÅ

       Æð³õµÄHTMLµÄÉè¼ÆÖ»ÊǶ¨ÒåÎĵµÄÚÈÝÓ㬶ø¶ÔÓÚÎĵµ²¼¾ÖÔòÓÉä¯ÀÀÆ÷À´Íê³É¡£ºóÀ´ÓÉÓÚä¯ÀÀÆ÷·þÎñÉ̲»¶ÏµØ½«ÐµĹ淶ÖУ¬Ê¹µÃ´´½¨ÎĵµÄÚHTML±êÇ©Ìí¼Óµ½HTMLÈÝÇåжÀÁ¢ÓÚ±íÏÖ²ãµÄÕ¾µãÔ½À´Ô½¸´ÔÓ¡£ÎªÁ˽â¾öÕâ¸öÎÊÌ⣬ÍòÎ¬ÍøÁªÃË£¨W3C£©£¬¼ç¸ºÆðÁË HTML ±ê×¼»¯µÄʹÃü£¬²¢ÔÚ HTML 4.0 Ö®Íâ´´Ôì³öÑùʽ£¨Style£©¡£Ö÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö²ãµþÑùʽ±íCSS£¬ËüÄܹ»Ê¹ÎÒÃÇÓÐÄÜÁ¦¸Ä±äÕ¾µãÖÐËùÓÐÒ³ÃæµÄ²¼¾ÖºÍÍâ¹Û¡£
      ÉÏÃæËµÃ÷ÁËCSS²úÉúµÄÔ­Òò¡£¶ÔÓÚhtmlÓëCSSµÄ×÷ÓÃÎÒµÄÀí½âÊÇhtmlÖ÷ÒªÓÃÓÚ¸æËßä¯ÀÀÆ÷ÏÔʾÄÄЩÄÚÈÝ£¬¶øCSSÔòÖ÷Òª¸æËßä¯ÀÀÆ÷ÕâЩÄÚÈݵIJ¼¾ÖºÍÍâ¹ÛÊÇʲôÑù×ӵġ£CSSÓï·¨²Î¿¼
      CSSµÄºËÐÄÄÚÈÝÓ¦¸Ã¾ÍÊǺÐ×ÓÄ£ÐÍÁË£¨Æä±ß¿òÀàÐÍ£©¡£ÎҸоõhtmlÖеÄÔªËØ±íÏÖÔÚÍøÒ³ÖоÍÊÇÒ»¸ö¾ØÐΣ¬¶øÕâ¾ÍÓ¦¸ÃÊÇÄǸöºÐ×Ó¡£ÎÒÃÇ¿ÉÒÔͨ¹ýCSSÊôÐÔÀ´ÉèÖÃÕâЩºÐ×Ó¸÷¸ö·½Ãæ¡£ÕâЩÊôÐÔÖ÷Òª°üÀ¨ÒÔÏÂÄÚÈÝ£º
      ±³¾°ÊôÐÔ¡¢±ß¿òÊôÐÔ¡¢Îı¾ÊôÐÔ¡¢×ÖÌåÊôÐÔ¡¢Íâ±ß¿òÊôÐÔ£¨margin£©¡¢Äڱ߾àÊôÐÔ£¨padding£©¡¢¶¨Î»ÊôÐÔ£¨position£©¡¢Î±ÀàµÈ(ÕâЩÊôÐԵľßÌåÄÚÈݼ°ÏàÓ¦½éÉÜ£¬¼ûCSS²Î¿¼ÊÖ²á)
       ÍøÒ³µÄ²¼ÖúÍÍâ¹Û¾ÍÊÇͨ¹ýÕâЩÊôÐÔ¶ÔÄÇЩºÐ×ÓÄ£ÐÍ£¨HTMLÖеÄÔªËØ£©½øÐÐÉèÖõĵĽá¹û¡£ÎªÁË´ïµ½²¼ÖÃÍøÒ³µÄÁé»îÐÔ£¬»á¾­³£Áé»îµÄÔËÓÃHTMLµÄdivºÍspanÔªËØºÍClassºÍidÁ½¸öÊôÐÔ¡£
      divºÍspanÓкܴóµÄÏàËÆ´¦£¬¶¼ÊÇΪÁË×éÖ¯ºÍ½á¹¹»¯Îĵµ£¬µ«spanÖ»ÄÜÓÃÓÚ×éÖ¯ºÍ½á¹¹»¯Ò»¸öÔªËØ¿é£¬divÔò¿ÉÓÃÓÚ¶à¸öÔªËØ¿é¡£²¢ÇÒËüÃÇͨ³£ÊÇÒªÓõ½Class»òidÊôÐԵġ£
      ¼òµ¥µÄ˵£¬CSS¾ÍÊÇÔËÓôÓHTML³é³öÀ´µÄÊôÐÔ£¬¶ÔHTMLÎĵµÖеÄÔªËØ(¾ÍÊÇÄÇЩºÐ×Ó)½øÐв¼Öõļ¼Êõ¡£ÔÚCSSÎļþÖпÉÒÔ²»ÊÇÖ±½ÓʹÓÃÔªËØ£¬¿ÉÄÜ»áʹÓñê¼Ç£¨id£©»òÀà±ð£¨Class£©¡£ÀýÈçÎÒÃÇ¿ÉÄÜ»áÔÚCSSÎļþÖÐÖ±½Ó¶ÔbodyÔªËØ½øÐÐÉèÖã¨Óï·¨ body{background-color:red;}£©£¬Ò²¿ÉÄÜ¶ÔÆäÖеÄij¸ö´ÊʹÓÃ<span id="3">ÒªÉèÖõĴÊ</span>À´Ôö¼Ó±ê¼Ç£¬È»ºóÔÚCSSÖÐÀûÓÃ#3{дÃ÷ÒªÉèÖõÄÊôÐÔ¼°ÆäÖµ}¶Ô¸Ã´Ê½øÐÐÉèÖá£
     


Ïà¹ØÎĵµ£º

IEºÍFireFoxl¶ÔCSSµÄ²»Í¬½âÎö

dz̸IEÓëFirefox¶ÔCSSµÄ²»Í¬½âÎö——°²»ÕÓ­¿ÍËÉ
Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽ᳠......

»ù±¾CSSÑ¡ÔñÆ÷,¸´ºÏÑ¡ÔñÆ÷,ºó´úÑ¡ÔñÆ÷

»ù±¾CSSÑ¡ÔñÆ÷Óбê¼ÇÑ¡ÔñÆ÷¡¢Àà±ðÑ¡ÔñÆ÷¡¢IDÑ¡ÔñÆ÷3ÖÖ
1¡£±ê¼ÇÑ¡ÔñÆ÷
    Ã¿Ò»ÖÖHTML±ê¼ÇµÄÃû³Æ¶¼¿ÉÒÔ×÷ΪÏàÓ¦µÄ±ê¼ÇÑ¡ÔñÆ÷µÄÃû³Æ£¬Èçh1,p,µÈµÈ
2¡£Àà±ðÑ¡ÔñÆ÷
    Àà±ðÑ¡ÔñÆ÷µÄÃû³Æ¿ÉÒÔÓÉÓû§×Ô¶¨Òå
   ¸ñʽÈçÏ£º.class{color:green;font-size:20px;}
3¡£IDÑ¡Ôñ ......

cssÖÐheight:100%²»Æð×÷ÓõĽâ¾ö·½·¨

ÔÚÍøÒ³Éè¼ÆÖУ¬tableÓÃheight:100%ÊÇ¿ÉÒÔÕûÆÁµÄ£¬µ«ÐèÒªÔÚÍøÒ³Í·²¿Ôö¼Ó:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
ºó¾ÍºÍû ......

cssµÄdivǶÌ×ÎÊÌâ

ѧÁËcss¼¸Ì죬·¢ÏÖÓиöÎÊÌâ¡£
ÈçͼËùʾ,×îÍâ²ãÓиödiv£¨·ÛÉ«£©£¬ÄÚ²¿ÉÏÖÐÏÂÈý¸ödiv£¬ÖмädivÄÚÓÐÈý¸öˮƽÅÅÁеÄdiv£¨ÂÌÉ«£©¡£
“middle”divµÄ¸ß¶ÈÊǸù¾ÝÄÚ²¿Èý¸öÂÌÉ«div¸ß¶È±ä»¯µÄ¡£Õâ¸öÓа취ʵÏÖÂð£¿
ÎÒÊÔÁËÊÔ£¬Èç¹ûÈý¸öÂÌÉ«divˮƽÅÅÁеϰ£¬middleµÄ¸ß¶È¾Í²»ÄÜ×Ô¶¯ÊÊÓ¦£¬±ØÐëÖÆ¶¨¸ß¶È¡£ÎÒ°Ñ3¸öÂÌÉ«divÔÝÊ ......

CSSÑùʽ±í»ù´¡

<!--Ñùʽ±íÊǶԱêÇ©ÑùʽµÄÐÞ¸Ä-->
<!--µ±¶Ô±êÇ©µÄÑùÊ½ÖØ¸´¶¨Òåʱ£¬Ê¹ÓþàÀë×î½üµÄÑùʽ¶¨Òå-->
<!--ÔÚhtmlÖе¼ÈëcssÑùʽ±í-->
<link REL=stylesheet href="Untitled-1.css" type="text/css">  <!--ÔÚhead±êÇ©ÖÐÌí¼ÓÕâÐÐ-->
<!--±êÇ©µÄÑ¡Ôñ-->
h1{font-size:20pt;color:r ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ