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


Ïà¹ØÎĵµ£º

dz̸cssÖÐͼƬ¶¨Î»Ö®ËùÓÐͼ±ê·ÅÔÚÒ»ÕÅͼÉÏ

http://www.qiqiboy.com/2009/11/26/css-image-orientation-and-all-images-in-a-picture.html
     Èç½ñ×öÍøÒ³ÎªÁËÊ¹ÍøÕ¾·á¸»¶à²Ê£¬¸»ÓÚ±íÏÖÁ¦£¬ÍùÍùÐèÒªÓ¦ÓôóÁ¿µÄͼƬ/ͼ±ê¡£ÈçºÎ´¦ÀíÕâЩͼƬ£¬Ê¹Æä¾¡Á¿²»Ó°ÏìÍøÒ³ÔØÈ룬½âÎöµÈËÙ¶È£¬ÊÇÒ»¸ö²»´ó²»Ð¡µÄÎÊÌâ¡£Èç¹ûÄãµÄÍøÕ¾Óø÷ÖÖͼ±êͼ°¸×°ÊεÄö¦ÀöÎÞ ......

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

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

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ÏÞÖÆÍ¼Æ¬×î´ó¿í¶È(¼æÈÝIE6/IE7/IE8/FF)

ת×Ô:http://www.boy110.com/csslimitedwidth/ CSSÏÞÖÆÍ¼Æ¬×î´ó¿í¶È£¬¼æÈÝIE6/IE7/IE8/FF£¬ÓÃ×ö¹ÜÀíºǫ́Ӧ¸ÃûÎÊÌ⣡   ÎÒÃÇÔÚÖÆ×÷Ò»¸öÍøÒ³µÄʱºò£¬¾­³£Òª¶ÔÒ»¸öÇøÓòÀï¿ÉÄܳöÏÖµÄͼƬµÄ¿í¶È½øÐÐÏÞÖÆ£¬²»È»Ëü¿ÉÄÜ»á°ÑÒ³Ãæ³ÅµÃºÜÀúÜÀá£
Èç¹ûÄã²ÉÓù̶¨¿í¶È£¬³¤¶ÈÀ´ÉèÖõϰ£¬±ÈÈçÔÚ 200 ? "200px" : this.wid ......

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ºÅ