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


Ïà¹ØÎĵµ£º

8¸ö²»¼æÈÝIE 8µÄCSSÑùʽд·¨


Internet Explorer 8Ô¤ÉèÊÇÒÔCSS 2.1Ϊ±ê×¼£¬²¢ÐÞÕýÁËÐí¶àInternet Explorer 7µÄCSS Bug£¬ÕâÒâζ×ÅÓÐÒ»²¿·ÝÒÔÍùÒÀ¾ÝIE 7ËùÉè¼ÆµÄÍøÒ³£¬
ÔÚIE 8ÉϵijÊÏÖ»áÓÐËù³öÈ룬ËùÐÒ°ÝIE 7ÏàÈݼìÊÓ¹¦ÄÜËù´Í£¬Ä¿Ç°ÒòʹÓÃIE 8¶øµ¼Ö°æÃæ´íÎóµÄÍøÕ¾²¢²»¶à¡£
µ«Ò»ÖµÒÀÀµIE 7ÏàÈݼìÊÓ¹¦Äܲ¢·Ç³¤¾ÃÖ®¼Æ£¬¾¡Ôç½«ÍøÕ¾ÐÞ¸ÄΪIE 8ÏàÈݲÅÊdz¤¾Ã ......

ÓÐÀûÓÚSEOµÄDIV+CSSµÄÃüÃû¹æÔòÊÕ¼¯

Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
2¡¢CSSÑùʽÃüÃû¹æ·¶
±¾È˽¨Ò飺ÓÃ×Öĸ¡¢_ºÅ¹¤¡¢-ºÅ¡¢Êý×Ö×é³É£¬±ØÐëÒÔ×Öĸ¿ªÍ·£¬²»ÄÜΪ´¿Êý×Ö¡£ÎªÁË¿ª·¢ºóÑùʽÃû¹ÜÀí·½±ã£¬´ó¼ÒÇëÓÃÓÐÒâÒåµÄµ¥ ......

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

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

ÓÃcssÉèÖõÄTABLE±ß¿ò¸ñʽ´úÂë

TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......

·¢ÎÄÕÂÖУ¬Í¼Æ¬°Ñdiv³ÅÆÆÁ˵Ľâ¾ö°ì·¨ css´úÂë

·¢ÎÄÕÂÖУ¬Í¼Æ¬°Ñdiv³ÅÆÆÁ˵Ľâ¾ö°ì·¨
Ô­À´Í¼Æ¬×ÔÊÊÓ¦¿í¶ÈÒ»°ã¶¼ÊÇͨ¹ýJavascriptÀ´½â¾öµÄ£¬µ«ÊǶàÉÙ»¹ÊDZȽÏÂé·³¡£»¹ÓÐÒ»ÖÖͨ¹ýÉèÖÃÍâ²ãÈÝÆ÷overflow:hiddenÊôÐÔÀ´½â¾ö£¬µ«ÊÇÕâÑù»áµ¼ÖÂͼƬÏÔʾ²»È«µÄÎÊÌâ¡£½ñÌì¿´µ½ÁËÒ»ÖÖеĽâ¾ö°ì·¨£¬Í¨¹ýCSSÀ´½â¾öÕâ¸öÎÊÌâ¡£
CSS´úÂë
img{   
max-width:500px;&nbs ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ