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

´«ÖDz¥¿Íѧϰ×ܽá CSS²ãµþÑùʽ±í

CSS(Cascading Style Sheets)²ãµþÑùʽ±í×÷ÓÃÊǽ«ÍøÒ³ÄÚÈݺÍÏÔʾÑùʽ½øÐзÖÀ룬Ìá¸ßÁËÏÔʾ¹¦ÄÜ¡£
CSS´úÂë¸ñʽ£º
       Ñ¡ÔñÆ÷Ãû³Æ { ÊôÐÔÃû£ºÊôÐÔÖµ£»ÊôÐÔÃû£ºÊôÐÔÖµ£»……}
Ñ¡ÔñÆ÷£¨¶Ô²»Í¬µÄHTML±êÇ©½øÐпØÖÆ£¬²¢¸³Óè¸÷ÖÖÑùʽÉùÃ÷£¬¼´¿ÉʵÏÖ¸÷ÖÖЧ¹û£©£º
  ±êǩѡÔñÆ÷£º
Àý£º<style type ="text/css">
h1{
¡¡color:red;
¡¡font-size:25px;
}
</style>
ÀàÑ¡ÔñÆ÷£¨ÔÚ±êÇ©Öж¨ÒåclassÊôÐÔ²¢¸³Öµ¡£Í¨¹ý±êÇ©Ãû.classÖµ¶Ô¸Ã±êÇ©½øÐÐÑùʽÉèÖã¬Ïàͬ±êÇ©ÉèÖò»Í¬ÑùʽµÄʱºò£¬ÓÃclass½øÐÐÇø·Ö¡£²»Í¬±êÇ©½øÐÐÏàͬÉèÖõÄʱºò£¬ÓÃclass½øÐÐͳһ¶¨Ò壩
Àý£º<style type="text/css">
                     .title{
                            color:blue;
                            font-size:12px;
                     }
              </style>
      
<p class="title">ÀàÑ¡ÔñÆ÷</p>
       IDÑ¡ÔñÆ÷£º(ʹÓ÷½·¨¸úclassÑ¡ÔñÆ÷»ù±¾Ïàͬ,¸ñʽΪ#IDÖµ)
                     Àý£º<style type="text/css">
                                   #title{
                        


Ïà¹ØÎĵµ£º

DIV+CSS½¨Õ¾¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌâºÍ×¢ÒâÊÂÏî

ʹÓÃDIV+CSS¹¹¼ÜºÃ´¦²»ÉÙ£¬µ«Ò²È·Êµ´æÔÚһЩÎÊÌ⣬ÏÖÔÚÈÃÍøÒ³Éè¼ÆÊ¦×îÍ·ÌÛµÄÊÂιýÓÚDIV+CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÁË£¬¿ÉÄÜÄãÓùßÁËIE6£¬×ö³öÀ´µÄ¶«Î÷û¸Ð¾õµ½Óжà´óÒì³££¬µ«ÊǰÑͬÑùµÄ¶«Î÷·Åµ½IE7ÀïÈ¥¿´µÄ»°£¬¾Í»á·¢ÏֺܶàÎÊÌ⣬Èç¹û·Åµ½»ðºüä¯ÀÀÆ÷ÀïÈ¥¿´£¬½á¹û¸ü²»¾¡ÈËÒâ¡£
    Ò»¸öÒ³Ãæ´ÓÖÆ×÷µÄ¿ªÊ¼¾Í¾ö¶¨ÁËË ......

¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚÆßÕ ²¼¾Ö

ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔ­ÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
µÚÆßÕÂ ²¼¾Ö
ËùÓÐCSS²¼¾Ö¼¼Êõ¶¼ÒÀÀµÓÚÈý¸ö»ù±¾¸ÅÄ¶¨Î»¡¢¸¡¶¯ºÍ¿Õ°×±ß²Ù×Ý
7.1 ÈÃÉè¼Æ¾ÓÖÐ[code]
<body>
<div id='wrapper'>
</div>
</body>
/*×îÃ÷Á˵ľÓÖз½°¸£¬¿ÉϧIE6²»Ö§³Ö*/
#wrapper{
    ......

flexÉèÖÃÑùʽºÍʹÓÃcssÎļþ

Ò»£ºÖ±½ÓÉèÖÃ
¶þ£º»­ÃæÉÏÉèÖãº
 È磺
<mx:Style>
    TextArea{
    font-size:36px
    font-weight: bold
    }
</mx:Style>
Èý£ºÊ¹ÓÃÍâÖÃÎļþ
<mx:Style source="style.csss"/> ......

´¿CSSʵÏֵı³¾°½¥±äÌõÌØÐ§´úÂë

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS½¥±äÌõ</ ......

css floatÎÊÌâ

     ×î½ü×÷¹æ·¶,µÃµ½¹«Ë¾¸ßÊֵĴͽ̣¬ÔÚÖÆ×÷¾²Ì¬Ò³ÃæÖУ¬¾­³£Óöµ½¼¸¸ödivµÄ¸¡¶¯ÎÊÌ⣬ÒòΪIE²»Í¬°æ±¾´¦Àí¸¡¶¯»áÏÖÁ½±¶²î¾àµÄÎÊÌ⣨IE6£¬IE7£©£¬ÒÔǰ¶¼ÊÇͨ¹ýhack¼¼Êõ´¦Àí£¬£¨Èç margin-left:10px,[*margin-left:5px;],_margin-left:5px;ÕâÊÇIEµÄÎÊÌ⣩£¬ÏÖÔÚÓÐÒ»¸ö·½·¨£ºÔÚµÚÒ»¸ödivµÄclass¼ÓÉÏ£¨disp ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ