Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSÔÚMyEclipseÏÂÎÞ·¨ÔØÈëÎÊÌâ¡£

ÔÚJSPÒ³ÃæÉϼÓÈë
<%String path = request.getContextPath();%>
<link  href="<%=path%>/css/style.css" rel="stylesheet" type="text/css">
ÏÂÁз½Ê½Ã²ËƲ»ÐУº
<link  href="../css/style.css" rel="stylesheet" type="text/css">
<link  href="../../css/style.css" rel="stylesheet" type="text/css">


Ïà¹ØÎĵµ£º

cssÑ¡ÔñÆ÷±Ê¼Ç

½ñÌìÅöµ½Ò»¸öÎÊÌ⣺ÔõÑù¸ù¾Ý±ê¼ÇµÃÊôÐÔ²»Í¬¶øÉèÖò»Í¬µÄÑùʽ£¿
Ê×ÏÈÏëµ½µÄ£º»ñÈ¡ËùÓбê¼Ç¡¢Æ¥ÅäÊôÐÔ¡¢¸Ä±äÑùʽ¡£¡£¡£
ºöÈ»ÓÖÏëÆðÁËJQueryÖеÄÑ¡ÔñÆ÷£¬ÓÚÊÇjs´úÂë±à³ÌÁËcss´úÂë
tag[attribute=value]{//.......}
css±¾ÉíµÄÑ¡ÔñÆ÷ȷʵ¿ÉÒÔ×öºÜ¶àÊÂÇéµÄ£¬¾ÍÓÖ´ÓÍøÉÏËÑÂÞÁËһЩ£¬±¸Íü¡£
CSSÑ¡ÔñÆ÷±Ê¼Ç
ÈîÒ»·å ÕûÀí
²Î¿¼Í ......

ÈçºÎÈø¡¶¯²ã¼Ómarginºó²»»»ÐÐ Div+CSS½Ì³Ì

´ËÎÄÎªÍøÉÏÊÕ¼¯~
¸ø¿Í»§×öÕ¾µÄʱºòÓöµ½µÄÎÊÌâ,div²ã¼ÓÁËmarginºó ×Ü¿í¶È³¬¹ý¸¸¼¶²ã¿í¶È ¾Í×Ô¶¯»»ÐÐÁË ÈçºÎÈø¡¶¯²ã¼Ómarginºó²»»»ÐÐÄØ?
ÏÂÃæ¿´¸¡¶¯²ã¼Ómarginºó»»ÐеÄÀý×Ó:
±ÈÈç˵ÓиöDIV¿í¶ÈΪ380px£¬ËüÀïÃæÓÐÒ»¸ö²Ëµ¥ÁÐ±í£¬Ã¿¸ö¿í¶ÈΪ60px£¬margin-rightΪ20px¡£Èç¹û¾Í°´ÕÕÏÂÃæµÄHTML½á¹¹À´×öµÄ»°£¬ÄÇôÕâ¸ö²Ëµ¥ÁбíÄÜ ......

CSS¿ØÖÆÊó±êÑùʽ

handÊÇÊÖÐÍ
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
crosshairÊÇÊ®×ÖÐÍ
textÊÇÒÆ¶¯µ½Îı¾ÉϵÄÄÇÖÖЧ¹û
waitÊǵȴýµÄÄÇÖÖЧ¹û
defaultÊÇĬÈÏЧ¹û
helpÊÇÎʺÅ
e-resizeÊÇÏòÓҵļýÍ·
ne-resizeÊÇÏòÓÒÉϵļýÍ·
n-resizeÊÇÏòÉϵļýÍ·
nw-resizeÊÇÏò×óÉϵļýÍ·
w-resizeÊÇÏò×óµÄ¼ýÍ·
sw- ......

CSS±Ê¼Ç

Ò»¡¢ÐǺÅ*
Ó¦¸ÃÊǸöͨÅä·û¡£±ÈÈç
<style type="text/css">
.roundBorder *
{
 background: white;
 display: block;
 height: 1px;
 overflow: hidden;
}
</style>
……
 <b class="roundBorder">
 <b class="round ......

JSºÍCSSÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ