Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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 ÖÆ×÷²Ëµ¥À¸

1¡¢ÈçºÎÓÃulÖÆ×÷Ò»Ðв˵¥
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul> ......

overflowÔÚCSSÖеÄÒâ˼ºÍÓ÷¨

overflow´Ó×ÖÃæÒâÒåÉÏÀ´½²¾ÍÊÇÒç³öµÄÒâ˼唄£¬»»¾ä»°Ëµ£¬ÄãÓиö²ã£¬µ«ÊÇÀïÃæµÄÄÚÈÝ£¬Í¼Æ¬»òÕßÎÄ×ÖÒª±È²ã´ó£¬overflow¾ÍÊÇÕë¶ÔÕâÖÖÇé¿ö½øÐд¦ÀíµÄ¡£  
  °üº¬4¸öÊôÐÔÖµ£¬visible,hidden,auto,scroll  
  visible¾ÍÊdz¬³öµÄÄÚÈÝÈÔÈ»Õý³£±»ÏÔʾ³öÀ´¡£  
  hidden¾ÍÊdz¬³öµÄÄÚÈݱ»Òþ² ......

ul li css ×öºáÏò²Ëµ¥

ת×Ôhttp://www.w3cn.org/article/tips/2005/105.html
ÎÒÃÇÏÈÀ´¿´Ò»¸ö²Ëµ¥µÄÀý×Ó£¬×îÖÕЧ¹ûÊÇ:
 
µÚÒ»²½£º½¨Á¢Ò»¸öÎÞÐòÁбí
ÎÒÃÇÏȽ¨Á¢Ò»¸öÎÞÐòÁÐ±í£¬À´½¨Á¢²Ëµ¥µÄ½á¹¹¡£´úÂëÊÇ£º
<ul>
<li><a href="1">Ê×Ò³</a></li>
<li><a href="2">²úÆ·½éÉÜ</a></li> ......

cssÑ¡ÔñÆ÷±Ê¼Ç

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

CSS±Ê¼Ç

Ò»¡¢ÐǺÅ*
Ó¦¸ÃÊǸöͨÅä·û¡£±ÈÈç
<style type="text/css">
.roundBorder *
{
 background: white;
 display: block;
 height: 1px;
 overflow: hidden;
}
</style>
……
 <b class="roundBorder">
 <b class="round ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ