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

×÷Õߣºtinyhill¡¡À´×Ô£ºÀ¶É«ÀíÏë ¶Ô ¡¶5 ¸ö¼òµ¥ÊµÓÃµÄ CSS ÊôÐÔ¡·½øÐб༭
1¡¢CSS Clip
¼ô¼­ (clip) ÊôÐÔ¾ÍÏñÒ»¸öÃæ¾ß¡£ËüÔÊÐíÄãʹÓþØÐÎÑÚ¸ÇÒ³ÃæÔªËØµÄÄÚÈÝ¡£Òª¼ô¼­Ò»¸öÔªËØ£ºÄã±ØÐëÖ¸¶¨Æä position ÊôÐÔΪ absolute£¬È»ºóÖ¸¶¨Ïà¶ÔÓÚÔªËØµÄ top£¬right£¬bottom£¬left Öµ¡£
ͼƬ¼ô¼­ÊµÀý£¨ÑÝʾ£©
ÒÔÏÂʾÀýÑÝʾÁËÈç ......

ÎÒÈçºÎ¿´´ýDIV+CSS¼Ü¹¹(ÐøÒ»)

ÔÚд¡¶ÎÒÈçºÎ¿´´ýDIV+CSS¡·µÄʱºò
ÎÒÏëµ½£º
´úÂëûÓÐÐÐÓë²»Ðеķֱð
¶øÖ»ÓкÃÓë²»ºÃµÄ²î¾à
ºÃÓë²»ºÃ¶¼ÄÜÍê³ÉÏàÓ¦µÄ¹¦ÄÜ
Ò»¸ö¹¦ÄÜÉÙÁËÄÜд£¬¶àÁËÒ²ÄÜд
±à³ÌÓïÑÔ¾ÍÄÇô¼¸¸ö¹Ø¼ü×Ö¡¢ÄÇô¼¸Ìõ¿ØÖÆÓï¾ä
ËäÈ»¿ò¼Ü»òÀà¿âµÄÀàºÜ¶à
µ«Ò²²»ÊÇû¸öÊýµÄ
¿ÉÊÇÄÇЩ¼ÆËã»ú´óʦÃǰ¡
È´ÄÜд³öÈÃÈ˾õµÃ“ÃÀ”µÄ´úÂë
ÎªÊ ......

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

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