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

cssÀý×Ó

/*
*´´½¨ÈË£ºÝþÒËÖÒ
*ÓÃ;£ºÑ§Ï°css£¬Ó¦ÓÃÓÚÐÂÎÅϵͳ
*/
*
{
    /*°ÑĬÈÏÖµÉèÖÃΪ0*/
    margin: 0;
    padding: 0;
    border-width: 0;
}
body
{
    font-size: 14px;
}
a:link£¬a:visited
{
    /*Êó±êÎ´ÒÆÉÏÈ¥µÄ״̬¡¢³¬Á´½Ó·ÃÎʺóµÄÑùʽ*/
    color: Black;
    text-decoration: none;
}
a:hover
{
    /*Êó±êÒÆµ½³¬Á´½ÓÉϵÄÑùʽ*/
    color: red;
    text-decoration: underline;
}
#top, #search, #main, #footer
{
    /*¹«¹²Ñùʽ*/
    margin: 10px auto 10px auto;
    width: 760px;
}
#top
{
    /*¶¥²¿Ñùʽ*/
}
#search
{
    /*ËÑË÷Çø*/
}
.test
{
    border-width: 0;
}
#main
{
    /*¿É±äÄÚÈÝÇø*/
    height: 313px;
    margin-bottom: 10px;
}
#footer
{
    /*µ×²¿ÉèÖÃ*/
    text-align: center;
    border-top: solid 1px #0df;
    padding-top: 10px;
    clear: left;
}
.textbox
{
    /*ËùÓÐÎı¾¿òµÄÑÕÉ«*/
    border: solid 1px black;
    background-color: Aqua;
}
.button
{
    /*ËùÓÐButtonµÄ¸ñʽ*/
    border: solid 1px black;
    background-color: Olive;
}
input
{
    vertical-align: middle;
}
ul, li
{
    /*ÏîÄ¿ÁбíÑùʽ*/
    list-style-type: none;
}
li
{
    text-align: center;
    margin: 20px;
}
li a:link a:visited
{
    /*ÏîÄ¿ÁбíÏÂÁ¬½ÓµÄÑùʽ*/
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}
li a:hover
{
    color: Red;
}
.commonFrm
{
    /*ÐÂÎÅ·ÖÀ


Ïà¹ØÎĵµ£º

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> ......

IE6ÖÐCSSÎÞЧÎÊÌâ

IE6ÖÐCSSÎÞЧÎÊÌâ
ͬÊ·´À¡ÎÒÒ»¸öÒ³ÃæÔÚIE7ºÍFirefox϶¼Õý³£,µ«ÊÇÔÚIE6ÖÐÎÞÑùʽ.µ«ÊÇÒ³ÃæÎÒ×ö¸øËûÃǵÄʱºòÒ»Çж¼ÊÇÕý³£µÄ.°ÑËû´«¸øÎҵİü´ò¿ªÑо¿Á˰ëÌì·¢ÏÖ,Ò³Ãæ±àÂë´ÓGB2312±ä³ÉÁËUTF-8,ÆäËû¶¼Ã»ÓÐʲô¸Ä±ä.ÓÚÊÇ»¹Ô­ÎªGB2312,Ò³ÃæÕý³£.ÔÙ½«ÍⲿCSS¸´ÖƵ½Ò³ÃæÄÚ²¿,ͬÑùÕý³£.Ñо¿Ðí¾ÃÕÒ²»µ½ÎÊÌâËùÔÚ,ºöÈ»·¢ÏÖCSSÀïÃæÓжÎ× ......

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 ......

CSS²¼¾Ö¿Ú¾÷

 
¡¡¡¡
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ ......

ÓÃDIV+CSS²¼¾ÖÖÐ,ÈçºÎÉèÖÃͼƬÓëÎÄ×ÖÔÚͬһ¸ß¶È?


Èç¹û°ÑÎÄ×ÖºÍͼƬ·ÅÔÚͬһ¸öͼ²ãµÄ£¬ÎÄ×Ö¿ÉÒÔ×öµ½¾ÓÖУ¬µ«ÊÇͼƬ¾Í²»ÄÜ£¬ÒòΪͼƬĬÈÏÊÇ×óÉÏ¶ÔÆëµÄ£¡Õâ¾ÍÊÇΪʲôÔÚÖÆ×÷µÄʱºò¿´µ½Í¼Æ¬
»á¿¿ÉϵÄÔ­Òò¡£Èç¹ûÄãÁͼƬ¾ÓÖÐÁË£¬ÎÄ×־ͻáÏà¶ÔÓÚͼƬÓÒÏÂ¶ÔÆëÁË£¡Èç¹ûÄãÏë2¸ö¶¼¾ÓÖеϰ£¬¾Í²»ÄܰÑËûÃÇ·ÅÔÚͬһ¸ödiv,»òÕßÄãÊÔÏÂ
°ÑËûÃÇ·ÅÔÚ2¸ödivÖУ¬»òÕßÒ»¸öͼƬ·ÅdivÖУ¬ÎÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ