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

ѧϰcssÖеÄժ¼

Á´½Ó·½·¨£º
     ÍⲿÁ´½ÓÑù±í£º<head><link rel="stylesheet"  type="text/css" href="*.css"></head>
     ÄÚ²¿µÄ£º1:<head><style type="text/css">  example css </style></head>
                 2:<p style="color: sienna; margin-left: 20px">
ʹÓ÷½·¨£º    
     ÀàÑ¡ÔñÆ÷£º.center {text-align: center}
                    <h1 class="center">
                    This heading will be center-aligned
                    </h1>
     idÑ¡ÔñÆ÷£º#center {text-align: center}
                    <h1 id="center">
                    This heading will be center-aligned
                    </h1>
ÅÉÉú£º
     »ùÓÚ´óÀàµÄʹÓã¬Ö»Òª¸ü´óµÄÔªËØÄÚ²¿µÄ±í¸ñµ¥Ôª£º  .fancy td
     ÀàÃûΪ fancy µÄ±í¸ñµ¥Ôª£º  td.fancy  <td class="fancy">
background-position µÄĬÈÏÖµÊÇ 0% 0%£¬ÔÚ¹¦ÄÜÉÏÏ൱ÓÚ top left¡£
background-attachment:fixed£ºÍ¼Ïñ¹Ì¶¨²»¶¯
body
  {
  background-image:url(/i/eg_bg_02.gif);
  background-repeat:no-repeat;
  background-attachment:fixed
  }
background
¼òдÊôÐÔ£¬×÷ÓÃÊǽ«±³¾°ÊôÐÔÉèÖÃÔÚÒ»¸öÉùÃ÷ÖС£
background-attachment
±³¾°Í¼ÏñÊÇ·ñ¹Ì¶¨»òÕßËæ×ÅÒ³ÃæµÄÆäÓಿ·Ö¹ö¶¯¡£
background-c


Ïà¹ØÎĵµ£º

³¹µ×Ū¶®CSSºÐ×Óģʽ(DIV+CSS)

³¹µ×Ū¶®CSSºÐ×Óģʽ(DIV+CSS)
·Ç³£ºÃµÄDIV²¼¾ÖÔ­ÀíÓëʵÀý½Ì³Ì,¶ÔWEB±ê×¼²¼¾ÖÓÐÐËȤµÄÅóÓÑ¿ÉÒÔ¿´¿´ÒÔÏÂÄÚÈÝ:
Web±ê×¼,³¹µ×Ū¶®CSSºÐ×Óģʽһ:DIV²¼¾Ö¿ìËÙÈëÃÅ
Web±ê×¼,³¹µ×Ū¶®CSSºÐ×Óģʽ¶þ:µ¼º½À¸ÊµÀýÏê½â
Web±ê×¼,³¹µ×Ū¶®CSSºÐ×ÓģʽÈý:¸¡¶¯µÄ±íÑݺÍÇå³ýµÄ×ÔÊö[1]
Web±ê×¼,³¹µ×Ū¶®CSSºÐ×ÓģʽÈý:¸¡¶¯µÄ±íÑݺÍÇå³ý ......

css display µÄ²ÎÊýÁбí

css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......

CSS¼¼ÇÉ

1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ
vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»
ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐÐ
2. margin¼Ó±¶µÄÎÊÌâ
ÉèÖÃΪfloatµÄdivÔÚieÏÂÉèÖõÄmargin»á¼Ó±¶¡£ÕâÊÇÒ»¸öie6¶¼´æÔÚµÄbug¡£½â¾ö·½
°¸ÊÇÔÚÕâ¸ödivÀïÃæ¼ÓÉÏdisplay:inline;
ÀýÈ磺
<#div ......

A±êÇ©µÄcssÑùʽ

 CSSÎªÒ»Ð©ÌØÊâЧ¹û×¼±¸ÁËÌØ¶¨µÄ¹¤¾ß£¬ÎÒÃdzÆÖ®Îª“αÀà”¡£ÆäÖÐÓм¸ÏîÊÇÎÒÃǾ­³£Óõ½µÄ£¬ÏÂÃæÎÒÃǾÍÏêϸ½éÉÜһϾ­³£ÓÃÓÚ¶¨ÒåÁ´½ÓÑùʽµÄËĸöαÀ࣬ËüÃÇ·Ö±ðÊÇ£º
    :link
    :visited
    :hover
    :active
  ÒòΪÎÒÃÇÒª¶¨ÒåÁ´ ......

IEÓëFireFoxµÄjsºÍcss (ÔÓ¼Ç)

png͸Ã÷ AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled£º¿ÉÑ¡Ïî¡£²¼¶ûÖµ(Boolean)¡£ÉèÖûò¼ìË÷Â˾µÊÇ·ñ¼¤»î¡£true£ºÄ¬ÈÏÖµ¡£Â˾µ¼¤»î¡£false£ºÂ˾µ±»½ûÖ¹¡£
sizingMethod£º¿ÉÑ¡Ïî¡£×Ö·û´®(String)¡£ÉèÖûò¼ìË÷Â˾µ×÷ÓõĶÔÏóµÄͼ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ