Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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
{
    /*ÐÂÎÅ·ÖÀ


Ïà¹ØÎĵµ£º

CSSÎÄ×ÖÊúÅÅ

£¼!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"£¾
£¼html xmlns="http://www.w3.org/1999/xhtml"£¾
£¼head£¾
£¼meta http-equiv="Content-Type" content="text/html; charset ......

½¨Õ¾DIV+CSS Ö®ÍøÒ³ÇÐͼ¹ý³ÌÖÐdiv+cssÃüÃû¹æÔò

¡¡¡¡ÄÚÈÝ£ºcontentcontainer µ¼º½£ºnav ²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn ±êÖ¾£ºlogo Ò³ÃæÖ÷Ì壺main
¡¡¡¡¹ã¸æ£ºbanner Èȵ㣺hot ÐÂÎÅ£ºnews
¡¡¡¡ÏÂÔØ£ºdownload ×Óµ¼º½£ºsubnav ²Ëµ¥£ºmenu
¡¡¡¡ËÑË÷£ºsearch Ò³½Å£ºfooter ¹ö¶¯£ºscroll
¡¡¡¡°æÈ¨£ºcopyright ÓÑÇéÁ´½Ó£ºfriendlink ×Ӳ˵¥£ºsubmenu
¡¡¡¡ÄÚÈÝ£ºcontent ......

cssºÍjavascriptÔÚIEºÍFirefoxÖжþÊ®Èý¸ö²»Í¬µã

Ò»¡¢document.formName.item(“itemName”) ÎÊÌâ
ÎÊÌâ˵Ã÷£ºIEÏ£¬¿ÉÒÔʹÓà document.formName.item(“itemName”) »ò document.formName.elements ["elementName"]£»FirefoxÏ£¬Ö»ÄÜʹÓÃdocument.formName.elements["elementName"]¡£
½â¾ö·½·¨£ºÍ³Ò»Ê¹ÓÃdocument.formName.elements["elementName" ......

5¸ö¼òµ¥£¬µ«ºÜʵÓÃµÄ cssÊôÐÔ

Õâ5¸öÓÐÓõÄcssÊôÐÔ¿ÉÄÜÄãÊDZȽÏÊìϤµÄ£¬µ«ÊǺÜÉÙʹÓõ½ËüÃÇ¡£ÎÒÕâÀïÌÖÂ۵IJ»ÊÇcss3µÄÐÂÊôÐÔ
¡£ÎÒÌáµ½µÄ¶¼ÊDZ»ËùÓÐä¯ÀÀÆ÷Ö§³ÖµÄcss2ÊôÐÔ±ÈÈ磺clip¡¢min-height¡¢white-space¡¢cursorºÍdisplay¡£Ç§Íò±ð´í
¹ýÕâÆªÎÄÕ£¬ÒòΪÄã»á¾ªÑȵķ¢ÏÖËûÃÇÊǺÜÓÐÓõġ£
Ò»¡¢css clip£¨²ÃÇУ©
clip²ÃÇÐÕâ¸öÊôÐÔÓеãÏñÊÇÕÚÕÖ¡£ËüÔÊÐíÄã ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ