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

³£ÓÃCssÑùʽ

/*±êÌâÔªËØ*/
h1,h2,h3,h4,h5,h6 {
  color: green;
  }
/*¸¸ÔªËؼ̳Ð*/
body {
     font-family: Verdana, sans-serif;
     }
/*id Ñ¡ÔñÆ÷*/
#red {color:red;}
/*id Ñ¡ÔñÆ÷ºÍÅÉÉúÑ¡ÔñÆ÷*/
#red p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
/*ÀàÑ¡ÔñÆ÷*/
.center {text-align: center}
/*ÊôÐÔ*/
/*±³¾°*/
background-color: gray;
background-image:url(../image/topmiddle.jpg);
background-repeat:no-repeat;
/*ÎÄ×Ö*/
text-align:left;
font-size:11px;
font-family:ºÚÌå;
line-height:25px;*Ðмä¾à*/
text-indent:16px;/*ÎÄ×ÖËõ½ü*/
letter-spacing ;/*ÎÄ×ÖÖ®¼äµÄ¼ä¸ô*/
word-spacing ;/*µ¥´ÊÖ®¼äµÄ¼ä¸ô*/
/*Íâ±ß¾à*/
margin-top:5px;
/*Äڱ߾à*/
padding-bottom:30px;
/*±ß¿ò*/
border-color:#e1e0e0;
  border-style:solid;
  border-width:0px 1px 1px 1px;
/*¸¡¶¯*/
float: left;
/*¾ø¶Ô¶¨Î»*/
#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}
/*Ïà¶Ô¶¨Î»*/
#box_relative {
  position: relative;
  left: 30px;
  top: 20px;
}


Ïà¹ØÎĵµ£º

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 ......

firefoxÓëIE¶ÔjavascriptºÍCSSµÄÇø±ð

1. document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:IEÏÂ,¿É ......

¡¾×ª¡¿ÓÅ»¯CSSµÄÍøÒ³äÖȾËٶȵÄ11ÖÖ·½·¨


1¡¢Ê®Áù½øÖƵÄÑÕÉ«Öµ¶ÔλÊýÓë´óСд
±àдʮÁù½øÖÆÑÕɫֵʱÄã¿ÉÄÜ»áÓÃСд×Öĸ»òÊ¡ÂÔ³É3λÊý£¬¹ØÓÚÕâд·¨Ã»ÕÒµ½È·ÊµµÄÊý¾ÝÖ¤Ã÷¶Ôä¯ÀÀÆ÷µÄäÖȾЧÂÊÊÇ·ñÓÐÓ°Ï죬µ«Ê®Áù½øÖƵÄÑÕɫֵĬÈϱê×¼ÊÇ´óд¼°6λÊý±ê×¢¡£ÔÚδ֪Çé¿öϲ»Ï£ÍûðÏÕ¶ø½µµÍÁËäÖȾµÄЧÂÊ¡£
* ²»ÔÞ³É - color:#f3a;
* ½¨ÒéÓà - color:#FF33AA;
2¡¢disp ......

[webÉè¼Æ] CSS Sprites ͼƬÕûºÏ¼¼Êõ

cssÖÐÓÃÒ»Õű³¾°Í¼×öÒ³ÃæµÄ¼¼ÊõÓÐʲôÓÅÊÆ£¿
¼òµ¥½éÉÜһϠCSS Sprites µÄÓŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈ
ºÜ¾Ã¡£µ«ÊÇÈç¹ûŪ³ÉÒ»¸öÎļþ£¬ÔÙ¿½±´¾Í»á¿ìºÜ¶à¡£
CSS Sprites µÄÄ¿µÄ¾ÍÊÇͨ¹ýÕûºÏͼƬ£¬¼õÉÙ¶Ô·þÎñÆ÷µÄÇëÇóÊýÁ¿£¬´Ó¶ø¼Ó¿ìÒ³Ãæ¼ÓÔØ
Ëٶȡ£

ʵ
ÏÖ·½·¨
£º

Ê×ÏȽ ......

ie6 ie7 ie8 ¹²´æÒÔ¼°Firefoxä¯ÀÀÆ÷CSS¼æÈÝд·¨

ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷µÄÎÊÌ⣬ÌرðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜ»áºÍÄãÀíÏëµÄЧ¹ûÏàȥʮÍò°ËǧÀº£Á¿È¨Íþ¿ª·¢×ÊÁÏ¡£
ËùÓÐä¯ÀÀÆ÷ ͨÓÃ
height: 100px; 
IE6 רÓÃ
_height: 100px;
IE6 רÓÃ
*height: 100px;  ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ