Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ä¯ÀÀÆ÷¼æÈÝÐÔ

 /*²»¹ÜÊÇʲô·½·¨£¬ÊéдµÄ˳Ðò¶¼ÊÇfirefoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚºóÃæ¡£*/
.JS_CenterAD_marquee_Right
 {
    
      margin-left:17px !important;  /firefox*/
      *margin-left:17px !important;  / ......

CSS_±í¸ñÔÚIEÓëFFÖеÄdisplay

     ½ñÌì×öÒ»¸ö¹¦ÄÜ£¬¸ù¾ÝselectÔªËØÑ¡ÔñµÄ²»Í¬selectedIndexÏÏÔʾһ¸ö±í¸ñÀïÖ¸¶¨µÄtrÏî¡£
     Ê×ÏÈ£º$("#table tr:gt(0)").css("display","none"); Õâ¸öûÎÊÌ⣬µ±ÒªÏÔʾµÄʱºò.css("display","block"),ÔÚFFÖв¼¾ÖһϾÍÂÒµôÁË¡£ÊÔÁ˼¸´Î¶¼ÊÇÈç´Ë£¬ÏëÁËһϣ¬ÊDz»ÊÇÔÚ ......

css hack ѧϰ×ܽá

<!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=utf-8" />
<title>CSS Hack: Çø·Ö I ......

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³£ÓòÙ×÷

×¢ÊÍÓÃ/**/¡£
²»ÒªÔÚÊôÐÔÖµÓ뵥λ֮¼äÁôÓпոñ¡£¼ÙÈçÄãʹÓà “margin-left:20 px” ¶ø²»ÊÇ “margin-left:20px” (20ºÍpxÖ®¼äÓпոñ)£¬Ëü½öÔÚ IE 6 ÖÐÓÐЧ£¬µ«ÊÇÔÚ Mozilla/Firefox »ò Netscape ÖÐÈ´ÎÞ·¨Õý³£¹¤×÷¡£
ÍⲿÑùʽ±íÒýÓ÷½Ê½£º<link rel="stylesheet" type="text/css" href="mystyle.cs ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ