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

13ÖÖ³£Óð´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÈCSSÑùʽ

ËäÈ»CSSÑùʽµÄѧϰÐèÒªÎÒÃǶ¯ÊÖ¶àʵ¼ù£¬ÐèÒª¶à×ö°¸Àý£¬Ë¼ÖÂ˼¿¼£¬µ«ÓÐʱºò×¢Òâ×ÊÁϵÄÊÕ¼¯ÓëÕûÀíÒ²ÊǷdz£ÖØÒªµÄ£¬ÔÚʵ¼Ê¿ª·¢ÖÐÍùÍù»áÆðµ½Ê°빦±¶µÄЧ¹û¡£ÏÂÃæһЩ¹ØÓÚ°´Å¥¡¢Îı¾¿ò¡¢±íµ¥µÄ³£ÓÃCSSÑùʽ¡£´ó¼Ò¿ÉÒԲο¼¡£
Ò»¡¢°´Å¥Ñùʽ
.buttoncss {
    font-family: "tahoma", "ËÎÌå"; /*www.52css.com*/
    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", "ËÎÌå"; /*www.52css.com*/
    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", "ËÎÌå"; /


Ïà¹ØÎĵµ£º

CSS ѧϰ

¾ø¶Ô¶¨Î»µÄÔªËصÄλÖÃÏà¶ÔÓÚ×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬Èç¹ûÔªËØûÓÐÒѶ¨Î»µÄ×æÏÈÔªËØ£¬ÄÇôËüµÄλÖÃÏà¶ÔÓÚ×î³õµÄ°üº¬¿é¡£
¶ÔÓÚ¶¨Î»µÄÖ÷ÒªÎÊÌâÊÇÒª¼ÇסÿÖÖ¶¨Î»µÄÒâÒå¡£ËùÒÔ£¬ÏÖÔÚÈÃÎÒÃǸ´Ï°Ò»ÏÂѧ¹ýµÄ֪ʶ°É£ºÏà¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”ÔªËØÔÚÎĵµÖеijõʼλÖ㬶ø¾ø¶Ô¶¨Î»ÊÇ“Ïà¶ÔÓÚ”×î½üµÄÒѶ¨Î»×æÏÈÔªËØ£¬ ......

JS+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=utf-8" />
<title>JS+CSSÏà²áչʾ&l ......

CSS !importantÓï·¨

!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡ ......

CSSÊó±êÑùʽ,Êó±êÊÖÐÍÑùʽ

Àý×Ó£º<span style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</span> <a href="#" style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</a> ×¢Òâ°Ñ * »»³ÉÈçÏÂ15¸öЧ¹ûµÄÒ»ÖÖ£º
ÏÂÃæÊǶÔÕâ15ÖÖЧ¹ûµÄ½âÊÍ¡£Òƶ¯Êó±êµ½½âÊÍÉÏÃ棬¿´¿´ÄãµÄÊó±êÆðÁËʲô±ä»¯°É£¡
handÊÇÊÖÐÍ   
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a ......

¡¾×ª¡¿cssµÄÎÄ×ÖÌØЧ


Èç¹ûÁé»îÓ¦ÓÃCSS¸÷ÖÖÂ˾µµÄÌص㲢¼ÓÒÔ×éºÏ£¬ÎÒÃÇ¿ÉÒԵõ½Ðí¶àÒâÏë²»µ½µÄЧ¹û¡£ÕâÊÇһЩЧ¹ûʾ·¶£¬¹©¸÷λ²Î¿¼¡£
ÍøÒ³ÌØЧAbc
ÓÃblurÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: blur(direction=135,strength=8)
ÍøÒ³ÌØЧAbc
ÓÃdropshadowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ