Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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{дÃ÷ÒªÉèÖõÄÊôÐÔ¼°ÆäÖµ}¶Ô¸Ã´Ê½øÐÐÉèÖá£
     


Ïà¹ØÎĵµ£º

CSSºÍJS±êÇ©styleÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......

³£ÓõÄcssÑùʽ

×ÖÌå
font-family: ×ÖÌåÃû³Æ
Èç¹ûÔÚ
font-familyºó¼ÓÉ϶àÖÖ×ÖÌåµÄÃû³Æ£¬ä¯ÀÀÆ÷»Ø°´×ÖÌåÃû³ÆµÄ˳ÐòÖðÒ»ÔÚÓû§µÄ¼ÆËã»úÀïѰÕÒÒѾ­°²×°µÄ×ÖÌ壬һµ©Óöµ½ÓëÒªÇóµÄÏàÆ¥ÅäµÄ×ÖÌ壬¾Í°´Õâ
ÖÖ×ÖÌåÏÔÊ¾ÍøÒ³ÄÚÈÝ£¬²¢Í£Ö¹ËÑË÷£»Èç¹û²»Æ¥Åä¾Í¼ÌÐøËÑË÷£¬Ö±µ½ÕÒµ½ÎªÖ¹£¬ÍòÒ»Ñùʽ±íÀïµÄËùÓÐ×ÖÌ嶼ûÓа²×°µÄ»°£¬ä¯ÀÀÆ÷¾Í»áÓÃ×Ô¼ºÄ¬Èϵ ......

CSS¹ØÓÚIE8¼æÈÝÐԵĽâ¾ö°ì·¨

ʹÓÃIE8  ¿ÉÄܳöÏÖµÄÎÊÌ⣺ 
    * ÍøÒ³²¼¾Ö²»ÕûÆë
    * Îı¾»òͼÏñÖØµþ
    * JavaScript ¹¦ÄÜÓÐÎÊÌâ»ò´íÎó
Ò»°ã½â¾ö
1.дCSS Hack¡£
   ¶øºǫ́ÈËÔ±²»Éó¤ÓÚдCSS¡£
2.Ç¿ÖÆIE8ÏñIE7ÄÇÑù³ÊÏÖÄÚÈÝ¡£
   ÔÚ<head></ ......

CSS×î¼Ñʵ¼ù 1

ÕâÊDZ¾ÈËѧϰCSSµÃһЩÐĵ㬾õµÃºÜÓÐÓã¬Ï£Íû¶Ô´ó¼ÒÒ²ÓÐËù°ïÖú¡£
1. ÈçºÎдCSSÓѺõÄHTML.
´ó¼ÒÖªµÀÒªÊÇ×Ô¼ºµÄÒ³Ãæ¼æÈݲ»Í¬³§ÉÌ£¬²»Í¬°æ±¾µÄä¯ÀÀÆ÷¼òÖ±¾ÍÊÇÒ»³¡Ø¬ÃΡ£Ò»·½ÃæÊÇÒòΪ²»Í¬ä¯ÀÀÆ÷µÄ²îÒìÐÔ£¬»¹ÓиüÖØÒªµÄÊÇÎÒÃÇ×Ô¼ºÐ´
µÄHTML²»¹æ·¶¡£ÎÒ¾õµÃÿ¸öHTMl±êÇ©¶¼ÓÐËüµÄÌØ¶¨µÄÓÃ;£¬ÓÐËüµÄÊéд¹æ·¶£¬ÎÒÃDZØÐë×ñÊØÕâЩ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ