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

¹ØÓÚ±íµ¥°´Å¥µÄcssÑùʽ´óÈ«

°´Å¥Ñùʽ*/
.ButtonCss {}{
    font-family: "Tahoma", "ËÎÌå";
    font-size:9pt; color: #003399;
    border: 1px #003399 solid;
    color:006699;
    BORDER-BOTTOM: #93bee2 1px solid;
    BORDER-LEFT: #93bee2 1px solid;
    BORDER-RIGHT: #93bee2 1px solid;
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/bluebuttonbg.gif);
    background-color: #e8f4ff;
    CURSOR: hand;
    font-style: normal ;
    width:60px;
    height:22px;
}
/**//*À¶É«°´Å¥Ñùʽ*/
.blueButtonCss {}{
    font-family: "Tahoma", "ËÎÌå";
    font-size: 9pt; color: #003366;
    border: 0px #93bee2 solid;
   /**//* BORDER-BOTTOM: #93bee2 1px solid;
    BORDER-LEFT: #93bee2 1px solid;
    BORDER-RIGHT: #93bee2 1px solid;
    BORDER-TOP: #93bee2 1px solid;*/
    background-image:url(../Images/blue_button_bg.gif);
    background-color: #ffffff;
    CURSOR: hand;
    font-style: normal ;
}
/**//*ºìÉ«°´Å¥Ñùʽ*/
.redButtonCss {}{
    font-family: "Tahoma", "ËÎÌå";
    font-size: 9pt; color: #0066cc;
    border: 1px #93bee2 solid;
    BORDER-BOTTOM: #93bee2 1px solid;
    BORDER-LEFT: #93bee2 1px solid;
    BORDER-RIGHT: #93bee2 1px solid;
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/redbuttonbg.gif);
    background-color: #ffffff;
    CURSOR: hand;
    font-style: normal ;
}
/**//*Ñ¡Ôñ°´Å¥Ñùʽ*/
.selectButtonCss
{}{
    font-family: "Tahoma", "ËÎÌå";
   


Ïà¹ØÎĵµ£º

CssʵÏÖ±í¸ñÆæżÐв»Í¬É«

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ë«É«±í¸ñCSSʵÀý</title>
<style type="text/css">
#DataGrid1 tr {
    background-color: expression(
        this.sectio ......

Css ͼ½âmargin ºÍ padding µÄÇø±ð

Css ͼ½âmargin ºÍ padding µÄÇø±ð
ÒÔÇ°³£³£ÒÔΪmargin ºÍ paddingµÄÇø±ð,¶øÀÏÊÇgoogle,ÏÖÔÚÀíÇåÁË...
ͼ½â:

margin : Ï൱ÓÚ×é¼þµÄ Íâ±ßÔµ ÓëÍⲿ×é¼þµÄ¾àÀë
padding : Ï൱ÓÚ×é¼þµÄ ÄÚ±ßÔµ ÓëÄÚ²¿×é¼þµÄ¾àÀë ......

ÓÃcss¿ØÖÆcellspacing¡¢cellpadding

ÔÚtableÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾­³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ­³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾­³£¿´µ½“<table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ú ......

CSS Sprites

CSS SpritesÆäʵ¾ÍÊÇ°ÑÍøÒ³ÖÐһЩ±³¾°Í¼Æ¬ÕûºÏµ½Ò»ÕÅͼƬÎļþÖУ¬ÔÙÀûÓÃCSSµÄ“background-image”£¬“background- repeat”£¬“background-position”µÄ×éºÏ½øÐб³¾°¶¨Î»£¬background-position¿ÉÒÔÓÃÊý×ÖÄܾ«È·µÄ¶¨Î»³ö±³¾°Í¼Æ¬µÄλÖá£
Óŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈºÜ¾Ã¡£µ«ÊÇ ......

ƯÁÁµÄCSS + XHTMLµ¼º½²Ëµ¥


Äã´ó¸ÅÖªµÀ£º¶ÔÓÚÒ»¸öеķÃÎÊÕßÀ´Ëµ£¬ËûÔÚ×î³õ20ÃëÄÚÓëijÍøÕ¾µÄ»¥¶¯Çé¿ö£¬¾ö¶¨ÁËËûÊÇ·ñ»áÁôÔÚÕâ¸öÍøÕ¾×ö½øÒ»²½µÄ̽Ë÷£¬»¹ÊÇÑﳤ¶øÈ¥¡£Õâ¾ÍÒâζ×Å£¬ÔÚÉè¼ÆÍøÒ³µÄʱºò£¬Äã±ØÐë×ñÑ­Ò»¶¨µÄ¹æÂÉÀ´Áôס·ÃÎÊÕß¡£¼òµ¥µÄ˵£¬¾ÍÊÇ°ÑËùÓеÄÍøÒ³ÔªËØ·ÅÔÚ·ÃÎÊÕßËùÆÚ´ýµÄλÖ᣽øÐдËÉè¼ÆµÄÒ»¸öÖØÒª¶øÓÐЧµÄ²¿·Ö£¬¾ÍÊÇÕûÒ»¸öÒ×ÓÚʹÓÃµÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ