ÓÃjavascript¶¯Ì¬ÉèÖÃcssÑùʽµÄÖµ
css¿ØÖÆÎ»Öãº
´¿Êý×Ö
el.style.posLeft = 0;
el.style.posTop = 0;
Êý×Ö+µ¥Î»
el.style.left = "0px";
el.style.top = "0px";
css¿ØÖÆÔªËصÄÑùʽ£º
document.getElementById("para").style.fontWeight ="bold";
»ò£¨ÆäËûÒ²ÊÇÕâÑù£©£º
document.getElementById("para").className ="strong";
Ïà¹ØÎĵµ£º
#dh
{
width:1003px;
height:36px;
background-image:url(images/mmain_03.gif)
}
#dh li
{
height:30px;
width:110px;
float:left;
list-style:none;
text-align:center;
margin:7px;
padding:5px;
}
#dh li a:link
{
font-size:16 ......
.equal {
margin-bottom:-32767px;
padding-bottom:32767px;
}
.left{
float:left;
margin-left:5px;
overflow:hidden;
width:295px;
}
.right {
float:right;
overflow:hidden;
width:245px;
}
<div class=’left equal’>Êý¾ÝÈÎÒⳤ¶È£¬¿ÉÒÔ×ÔÐÐcopyºÜ³¤Ò»¶ÏÀ´²âÊÔ</div>
......
1. CSSµÄÒªµãÊÇÔÚÄãµÄÒ³ÃæÖÐʹÓüò½àµÄHTML´úÂë,È»ºó±àдCSS"¿ØÖƹæÔò"À´Ñùʽ»¯Ò³ÃæÖеĶÔÏó.Ò³Ãæ±£³ÖÇåÎúÓÐÌõ²»ÎÉ¿´ÉÏÈ¥·Ç³£°ô.ÕâÑùÄãµÄHtmlÒ³Ãæ¿ÉÒÔÔÚÒÆ¶¯É豸ºÍ±ê×¼ä¯ÀÀÆ÷ÖÐÔËÐÐ.Õâ¾ÍÊÇCSSµÄÒªµã.
²»¹ýCSSµÄÒÕÊõÔÚÓÚÄܹ»ÀûÓÃCSS¿ØÖƹæÔò¿ìËÙÓÐЧµØ²Ù×ÝÒ³Ãæ¶ÔÏó.°ÑCSS¹æÔòÓëHTML±ê¼ÇÆ¥ÅäÆðÀ´µÄ²Ù×ö¾ÍºÃÏñÊÇÒ»ÖÖ¶ ......
1¡¢ÁбíºáÅÅ
½«liµÄÑùʽÉèÖÃΪ
li {display:block;float:left;}
2¡¢È¥³ýͼƬ´¹Ö±·½ÏòµÄ¿Õ°×
×îºÃµÄ×ö·¨ÊÇΪimg ¼ÓÉÏ vertical-alignÊôÐÔ£¬ÕâÑù¾Í¿´²»µ½¿Õ°×ÁË¡£
......