cssÑùʽ
Ò» CSSÎÄ×ÖÊôÐÔ£º
color : #999999; /*ÎÄ×ÖÑÕÉ«*/
font-family : ËÎÌå,sans-serif; /*ÎÄ×Ö×ÖÌå*/
font-size : 9pt; /*ÎÄ×Ö´óС*/
font-style:itelic; /*ÎÄ×ÖбÌå*/
font-variant:small-caps; /*С×ÖÌå*/
letter-spacing : 1pt; /*×Ö¼ä¾àÀë*/
line-height : 200%; /*ÉèÖÃÐиß*/
font-weight:bold; /*ÎÄ×Ö´ÖÌå*/
vertical-align:sub; /*ϱê×Ö*/
vertical-align:super; /*Éϱê×Ö*/
text-decoration:line-through; /*¼Óɾ³ýÏß*/
text-decoration:overline; /*¼Ó¶¥Ïß*/
text-decoration:underline; /*¼ÓÏ»®Ïß*/
text-decoration:none; /*ɾ³ýÁ´½ÓÏ»®Ïß*/
text-transform : capitalize; /*Ê××Ö´óд*/
text-transform : uppercase; /*Ó¢ÎÄ´óд*/
text-transform : lowercase; /*Ó¢ÎÄСд*/
text-align:right; /*ÎÄ×ÖÓÒ¶ÔÆë*/
text-align:left; /*ÎÄ×Ö×ó¶ÔÆë*/
text-align:center; /*ÎÄ×Ö¾ÓÖÐ¶ÔÆë*/
text-align:justify; /*ÎÄ×Ö·ÖÉ¢¶ÔÆë*/
vertical-alignÊôÐÔ
vertical-align:top; /*´¹Ö±ÏòÉÏ¶ÔÆë*/
vertical-align:bottom; /*´¹Ö±ÏòÏÂ¶ÔÆë*/
vertical-align:middle; /*´¹Ö±¾ÓÖÐ¶ÔÆë*/
vertical-align:text-top; /*ÎÄ×Ö´¹Ö±ÏòÉÏ¶ÔÆë*/
vertical-align:text-bottom; /*ÎÄ×Ö´¹Ö±ÏòÏÂ¶ÔÆë*/
¶þ¡¢CSS±ß¿ò¿Õ°×
padding-top:10px; /*Éϱ߿òÁô¿Õ°×*/
padding-right:10px; /*Óұ߿òÁô¿Õ°×*/
padding-bottom:10px; /*ϱ߿òÁô¿Õ°×*/
padding-left:10px; /*×ó±ß¿òÁô¿Õ°×
Èý¡¢CSS·ûºÅÊôÐÔ£º
list-style-type:none; /*²»±àºÅ*/
list-style-type:decimal; /*°¢À²®Êý×Ö*/
list-style-type:lower-roman; /*СдÂÞÂíÊý×Ö*/
list-style-type:upper-roman; /*´óдÂÞÂíÊý×Ö*/
list-style-type:lower-alpha; /*СдӢÎÄ×Öĸ*/
list-style-type:upper-alpha; /*´óдӢÎÄ×Öĸ*/
list-style-type:disc; /*ʵÐÄÔ²ÐηûºÅ*/
list-style-type:circle; /*¿ÕÐÄÔ²ÐηûºÅ*/
list-style-type:square; /*ʵÐÄ·½ÐηûºÅ*/
list-style-image:url(/dot.gif); /*ͼƬʽ·ûºÅ*/
list-style-position:outside; /*͹ÅÅ*/
list-style-position:inside; /*Ëõ½ø*/
ËÄ¡¢CSS±³¾°Ñùʽ£º
background-color:#F5E2EC; /*±³¾°ÑÕÉ«*/
background:transparent; /*͸ÊÓ±³¾°*/
background-image : url(/image/bg.gif); /*±³¾°Í¼Æ¬*/
background-attachment : fixed; /*¸¡Ë®Ó¡¹Ì¶¨±³¾°*/
background-repeat : repea
Ïà¹ØÎĵµ£º
<div class="llist" >
<div class="lbar">¶¨ÏòÓªÏú</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊǰüº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!imp ......
Èç¹ûIE6ºÍIE7ÏÔʾ¶¼Õý³££»»ðºüҲûÓÐÎÊÌ⣻¼ì²é´úÂëҲûÓÐÎóʧ£»¾ÍÊÔÊÔ¼ÓÉÏÕâ¶Î´úÂë
IE8Ŀǰ»¹²»Îȶ¨£¬ÌÚѶÊ×Ò³ÀûÓÃIE7µÄÄÚºËÀ´äÖȾIE8£¬´úÂëÈçÏÂ:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ......
ÔÚDIV+CSSµÄʱ´úÀӵÓÐÒ»¸öÌùÐĵÄCSSÊÖ²á»á¼«´óµÄÔö¼ÓÍøÒ³Éè¼ÆµÄЧÂÊ¡£Ä¿Ç°ÊÐÃæÉÏ´ó¼ÒÓõÄ×î¶àµÄ¾ÍÊÇËÕÉòСÓêÖÆ×÷µÄ¡¶CSS 2.0ÖÐÎÄÊֲᡷ£¬ÎÒÒ²Ò»Ö±ÓÃÁËÓÐËÄÎåÄêÁË¡£ÊÖ²áʹÓÃCHM¸ñʽ£¬ÄÚÈݷdz£µÄ·á¸»£¬¼¸ºõ°üÀ¨ÁËCSS2µÄËùÓÐÄÚÈÝ¡£
ÏÂÔØµØÖ·
http://www.javatang.com/_download/css2handbook.rar ......
jsûЧ¹û:Èç¹ûÔÚÒÔUpdatePanelµÄ·½Ê½µÄ¾Ö²¿»Ø´«ÖУ¬ÆÕͨµÄJavascript´úÂëÔÚÕâÖÖ¾Ö²¿»Ø´«ÖоͲ»»áÔÚ´¥·¢ÁË£¬¾Í±ØÐëʹÓÃscriptmanager.RegisterClientScript·½·¨£¨ÔÚ<form>ºóÃæ×¢²á<script>£©ºÍscriptmanager.RegisterStartupScript·½·¨£¨ÔÚ</form֮ǰע²á<script>£©
ÔÚÄãµÄÓû§¿Ø¼þµÄºó¶ËµÄij¸öºÏÊÊÎ ......