CSS:marginÊôÐÔ±¸Íü
²Î¿¼×ÊÁÏ£ºhttp://www.blueidea.com/tech/web/2007/4546.asp£¬ÓÉdzÈëÉîÂþ̸marginÊôÐÔ - ÍøÒ³ÖÆ×÷ - À¶É«ÀíÏë
Ö±½ÓÉÏ´úÂ룺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaa</title>
<style type="text/css">
html { }
body { margin:0px; }
</style>
</head>
<body>
<div id="div1" style="width:500px; height:500px;background:#fff000;margin:20px 0px -300px 0px;">
<!--ÕâÀïµÄtop 10px±ê¼ÇΪa£¬ÏÂÃæµÄtop 12px±ê¼ÇΪb£¬Ó°Ïìdiv1µÄÊÇabÁ½ÖµÓиºÊýÈ¡ºÍ¡¢ÎÞ¸ºÊýÈ¡×î´óÖµ£¬leftºÍtopÀíÂÛÉÏÒ»Ñù£¬Î´²âÊÔ-->
<div style="width:200px; height:200px; background:#ccc;margin:20px 10px 0px 10px;" id="div1_1"></div>
<div style="width:50px; height:50px; background:#ff0000;margin:10px 10px 0px 10px;" id="div1_2"></div>
</div>
<div id="div2" style="width:500px;height:100px;background:#fffff0;margin:100px 0px 0px 0px;"></div>
<!--margin to 100ÊÜdiv1µÄÓ°Ï죬div1µÄbottom marginֵΪ-300£¬¸ß500-300Ϊ200£¬div2Ó¦¸Ã³öÏÖÔÚdiv1µÄ¸ß200µÄµØ·½
£¬ÒòΪtop100£¬ËùÒÔÔÙÍùÏÂÒÆ¶¯100£¬ËùÒÔbottomºÍrightÊÇ¶ÔÆäËû·ÇÖû»ÔªËØÓÐÓ°Ï죬rightδ×ö²âÊÔ-->
<!--Öû»ÔªËØ£¨replaced element£©Ö÷ÒªÊÇÖ¸img£¬input£¬textarea£¬select£¬objectµÈÕâÀàĬÈϾÍÓÐCSS¸ñʽ»¯Íâ±í·¶Î§
µÄÔªËØ-->
</body>
</html>
ÏÔʾЧ¹ûÈçÏ£º
Ïà¹ØÎĵµ£º
Ò» cssµÄÓÅÏȼ¶
½ñÌìÓÐÈ˸úÎÒ˵css
hackÖÐÓÃ!importantÀ´Çø·Öie6£¬ÒòΪie6²»Ö§³Ö!important£¬ÊǵÄÔÚºÜÔçÒÔǰÎÒÒ²ÊÇÓùýÕâÖÖ·½·¨Ð´hack£¬µ«ÊǺóÀ´¾Í»ù±¾²»ÓÃÁË¡£±¾À´ÎÒ¶ÔËû˵Äie6²»Ö§³Ö!importantҲûʲôÒìÒ飬¿ÉÊÇÕýºÃÔÚǰ¼¸ÌìÕýºÃÓøöÕâ¸ö!importantÊôÐÔ½â¾öÁËÒ»¸öÑùʽÓÅÏȼ¶µÄÎÊÌ⣬¶øÇÒÊÇÖ§³Öie6µÄ£¬ÕâÊÇÎªÊ²Ã´ÄØ£¿ ......
jsûЧ¹û:Èç¹ûÔÚÒÔUpdatePanelµÄ·½Ê½µÄ¾Ö²¿»Ø´«ÖУ¬ÆÕͨµÄJavascript´úÂëÔÚÕâÖÖ¾Ö²¿»Ø´«ÖоͲ»»áÔÚ´¥·¢ÁË£¬¾Í±ØÐëʹÓÃscriptmanager.RegisterClientScript·½·¨£¨ÔÚ<form>ºóÃæ×¢²á<script>£©ºÍscriptmanager.RegisterStartupScript·½·¨£¨ÔÚ</form֮ǰע²á<script>£©
ÔÚÄãµÄÓû§¿Ø¼þµÄºó¶ËµÄij¸öºÏÊÊÎ ......
ÓÃcssʵÏÖÍøÒ³±³¾°½¥±äµÄ´úÂëÈçÏ£º
Ò»¡¢´ÓÉÏÍùϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1, ......
Ê×ÏÈÊÇHTML´úÂë:
<div id="outer">
<div id="leftFrame" style="width: 20%;">
<div style="height: 30%" id="packageListFrame" title="All Packages" >
Package list goes here
</div>
&n ......
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 ......