Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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¡·µÄʱºò
ÎÒÏëµ½£º
´úÂëûÓÐÐÐÓë²»Ðеķֱð
¶øÖ»ÓкÃÓë²»ºÃµÄ²î¾à
ºÃÓë²»ºÃ¶¼ÄÜÍê³ÉÏàÓ¦µÄ¹¦ÄÜ
Ò»¸ö¹¦ÄÜÉÙÁËÄÜд£¬¶àÁËÒ²ÄÜд
±à³ÌÓïÑÔ¾ÍÄÇô¼¸¸ö¹Ø¼ü×Ö¡¢ÄÇô¼¸Ìõ¿ØÖÆÓï¾ä
ËäÈ»¿ò¼Ü»òÀà¿âµÄÀàºÜ¶à
µ«Ò²²»ÊÇû¸öÊýµÄ
¿ÉÊÇÄÇЩ¼ÆËã»ú´óʦÃÇ°¡
È´ÄÜд³öÈÃÈ˾õµÃ“ÃÀ”µÄ´úÂë
ÎªÊ ......

DIVºÍCSS¾ÓÖÐ

¡¡¡¡ÔÚWeb±ê×¼ÖеÄÒ³Ãæ²¼¾ÖÊÇʹÓÃDivÅäºÏCSSÀ´ÊµÏֵġ£ÕâÆäÖÐ×î³£Óõ½µÄ¾ÍÊÇʹÕû¸öÒ³Ãæˮƽ¾ÓÖеÄЧ¹û£¬ÕâÊÇÔÚÒ³Ãæ²¼¾ÖÖлù±¾£¬Ò²ÊÇ×îÓ¦¸ÃÊ×ÏÈÕÆÎÕµÄ֪ʶ¡£²»¹ý£¬»¹ÊǾ­³£»áÓÐÈËÎʵ½Õâ¸öÎÊÌ⣬ÔÚÕâÀïÎÒ¼òµ¥×ܽáÒ»ÏÂʹÓÃDivºÍCSSʵÏÖÒ³Ãæˮƽ¾ÓÖеķ½·¨£º
¡¡¡¡Ò»¡¢margin:auto 0 Óë text-aligh:center
¡¡¡¡ÔÚÏÖ´úä¯ÀÀÆ÷£¨È ......

ÄÚÈÝҳǶÌ×ĸ°æҳʱ£¬ÄÚÈÝÒ³ÈçºÎµ÷ÓÃcssºÍjavascript

µ±ÔÚ×öÏîĿʱ£¬Í¨³£ÎÒÃÇ»á´óÁ¿µÄʹÓÃĸ°æÒ³£¬Ê¹ÓÃĸ°æÒ³µÄºÃ´¦ÏÔ¶øÒ×¼û£¬µ«Í¨³£ÔÚÄÚÈÝÒ³ÖÐǶÌ×ĸ°æҳʱ£¬ÎÒÃÇ»¹ÒªÔÚÄÚÈÝÒ³Öе÷ÓÃcssÑùʽºÍ javascriptº¯Êý£¬ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²À´ÁË¡£ÓÐÁ½ÖÖ½â¾ö·½·¨£¬µÚÒ»ÖÖ¾ÍÊÇÔÚĸ°æÒ³µÄÍ·²¿<head></head>±ê¼ÇÖУ¬Ç¶ÈëËùÓÐcssÑùʽºÍjavascriptº¯Êý£¬ÕâÑù×öʹµÃĸ°æÒ³µÄÄÚÈݷdz£ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ