CSS½ÒÃØ(1)
Õâ¸öϵÁпÉÄÜÐÂÊÖ¶ÁÆðÀ´±È½ÏÂý£¬µ«ÎÒ¾¡Á¿ÓÃÒ×¶®µÄ·½Ê½½²½â£¬ÒòΪÎÒÔø¾ÊdzõѧÕߣ¬ÎÒÖªµÀ´ó¼ÒÏëÖªµÀʲô¡£Ò»ÕÅÍøÃæÆäÊµÒ³ÃæÄÚÈÝÊDZȽÏÖØÒªµÄ£¬Í¼ÏñÊÇÊôÓÚ½õÉÏÌí»¨£¬µ±È»ÍøÒ³µÄÅŰæÒ²ºÜÖØÒª¡£ÔÚCSS½ÒÃØÑ§Ï°µÄµÚÒ»Õ¾£¬Ê×ÏÈҪѧϰһÏÂÎÄ×ÖºÍÎı¾£¬Èôó¼Ò¶ÔcssÓиö³õ²½µÄÈÏʶ¡£
Ê×ÏÈÎÄ×ÖÊÇÖ¸Ò»ÖÖ¾ßÌåµÄ×ÖÌ壬ÃÀÊõÉÏÒ²ÓÐÕâÖÖÇø·Ö£¬±ÈÈçÕý¿¬¡£¡£Ê²Ã´°¡µÈµÈ¡£ËüÃǶ¼ÓÐ×ÔÒѵÄÍâ¹Û¡£»¹ÊÇÒ»¸ö¸ÅÄîÊÇÎÄ×Ö¼¯ºÏÊÇһЩ¾ßÓй«ÐÔµÄÎÄ×ֵļ¯ºÏ¡£ÀýÈç:serif(³ÄÏß) sans-serif(·Ç³ÄÏß) ºÍmonospace(µÈ¿í).
Ïà¹ØÎĵµ£º
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÊǸö·Ç³£ÈÃÈËÍ·ÌÛµÄÊÂÇéÁË, ÍøÂçÉÏµÄ½Ì³Ì±éµØ¶¼ÊÇ.½ñÌìÔÚdiscuz.netÉÏ·¢ÏÖÁËһƪ²»´íµÄ¶«Î÷£¬¾Í×ªÔØ¹ýÀ´ºÍ´ó¼Ò¹²Ïí.¿ÉÒÔµ±×÷CSS¼æÈÝIE6,IE7,FireFoxµä·¶ÁË£¬ÖµµÃÈ¥¼Ç¼Ï¡£·¢ÏÖ×Ô¼ººÜ¾ÃûÓÐ×ªÔØ¶«Î÷¡£
×¢£ºIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFirefox,Opera,Netscape)²»ÄÜʶ±ð*£»IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !im ......
ÈÃleftµÄ¸ß¶ÈµÈÓÚ centerµÄ¸ß¶È..........
<div id=left></div>
<div id=center></div>
<script type="text/javascript">
document.getElementById("left").style.height = document.getElementById("center").offsetHeight + "px";
</script> ......
1 µ¼ÈëÍⲿjsÎļþ£º
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 µ¼ÈëÍⲿcssÎļþ£º
<link rel="stylesheet" ty ......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......
1.ͼƬµÄ´¹Ö±¾ÓÖÐ
.box
{
/*·ÇIEµÄÖ÷Á÷ä¯ÀÀÆ÷ʶ±ðµÄ´¹Ö±¾ÓÖеķ½·¨*/
display: table-cell;
vertical-align: middle; /*ÉèÖÃˮƽ¾ÓÖÐ*/
text-align: center;
/* Õë¶ÔIEµÄHack */
*display:block;
......