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-
Ïà¹ØÎĵµ£º
1.document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:
IEÏÂ,¿ÉÒÔ ......
Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï
¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥
룬±ÈÈç:width: 100px width: ......
ÊäÈë¿òÖ»Óе׿ò£º
.box
{
border-style:none none solid none;
border-bottom-width:1px;
border-bottom-color:#999999;
}
±í¸ñ
<table>
<tbody>
<tr><td></td></tr>
</tbody>
</table> ......
×î½ü,¾³£ÓÐÅóÓÑÎÊÎÒһЩ¹¤×÷ÖÐÓöµ½µÄCSSÎÊÌâ¡£ËûÃÇ×ÜÊDz»ÄܺܺõĿØÖÆCSS£¬Ó°ÏìCSSµÄЧÂÊ·¢»Ó¡£ÎÒÀ´·ÖÎö×ܽáһϴíÎóËùÔÚ£¬°ïÖú´ó¼Ò¸ü¼ÓÈÝÒ×ʹÓÃCSS¡£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö·½·¨ÒÔÀ´ËùÓеļ¼ÇɺͼæÈÝ·½°¸£¬ÎÒÔ¸Òâ°ÑÕâЩÓëÄã·ÖÏí£¬ÎÒ»áÖØµã½âÊÍһЩÐÂÊÖÈÝÒ×·¸µÄ´íÎó(°üÀ¨ÎÒ×Ô¼ºÒ²·¸¹ýµÄ)£¬Èç¹ûÄãÒѾÊÇCSS¸ßÊÖ£¬ÕâÐ ......
ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......