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

CSSÂ˾µ±Ê¼Ç °üº¬LightÂ˾µ·½·¨µÄʹÓÃ

Alpha
1. Óï·¨: {filter: alpha(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)}
2. ÒâÒå: °ÑÒ»¸öÄ¿±êÔªËØÓë±³¾°»ìºÏ, ÉèÖÃÕß¿ÉÒÔÖ¸¶¨ÊýÖµÀ´¿ØÖÆ»ìºÏµÄ³Ì¶È
3. ÊôÐÔ
3.1. opacity: ͸Ã÷¶Èˮƽ, 0ΪÍêȫ͸Ã÷, 100ΪÍêÈ«²»Í¸Ã÷
3.2. finishopacity: ½¥±äµÄ͸Ã÷Ч¹û, ÓÃÀ´¿ØÖƽáÊøÊ±µÄ͸Ã÷¶È.
3.3. styleÖ¸¶¨ÁË͸Ã÷ÇøÓòµÄÐÎ×´ÌØÕ÷, ÆäÖÐ0´ú±íͳһÐÎ×´, 1´ú±íÏßÐÍ, 2´ú±í·ÅÉä×´, 3´ú±í³¤·½ÐÎ
3.4. startxºÍstarty: ´ú±í½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼xºÍy×ø±ê
3.5. finishxºÍfinishy: ´ú±í½¥±ä͸Ã÷Ч¹ûµÄ½áÊøxºÍy×ø±ê
Blur
1. Óï·¨:
1.1. HTML: {filter: blur(add=add, direction=direction, strength=strength)}
1.2. ½Å±¾: [oblurfilter=]obj.filters.blur
2. ÒâÒå: ÓÃÊÖÖ¸ÔÚÒ»¸±ÉÐδ¸É͸µÄÓÍ»­ÉÏ»®¹ý²úÉúµÄÄ£ºýЧ¹û
3. ÊôÐÔ
3.1. add: ²¼¶ûÖµ, ĬÈÏtrue, Ö¸¶¨Í¼Æ¬ÊÇ·ñ±»¸Ä±ä³ÉÓ¡ÏóÅɵÄÄ£ºýЧ¹û. Ä£ºýЧ¹û°´Ë³Ê±Õë·½Ïò½øÐÐ.
3.2. direction: ÉèÖÃÄ£ºýµÄ·½Ïò, 0¶È´ú±í´¹Ö±ÏòÉÏ, È»ºóû45¶ÈΪһ¸öµ¥Î», ĬÈÏÖµÊÇÏò×ó270¶È
3.3. strength: ÕûÊý, ´ú±íÓжàÉÙÏñËØµÄ¿í¶È½«Êܵ½Ä£ºýÓ°Ïì, ĬÈÏÊÇ5. 
3.4. ¶ÔÓÚÍøÒ³ÉϵÄÎÄ×Ö, Èç¹ûÉèÖÃÄ£ºýadd=1, ×ÖÌå»áÓÐÒ»¸öÒõӰЧ¹û.
FlipH, FlipV
1. Óï·¨: {filter: fliph}, {filter: filipv}
2. ÒâÒå: ˮƽ·´×ªºÍ´¹Ö±·´×ª
Chroma
1. Óï·¨: {filter: chroma(color=color)}
2. ÒâÒå: ÉèÖÃÒ»¸ö¶ÔÏóÖÐÖ¸¶¨µÄÑÕɫΪ͸Ã÷É«
3. ÊôÐÔ
3.1. color: Ҫ͸Ã÷µÄÑÕÉ«
DropShadow
1. Óï·¨: {filter: dropshadow(color=color, offx=offx, offy=offy, positive=positive);}
2. ÒâÒå: Ìí¼Ó¶ÔÏóµÄÒõӰЧ¹û.
3. ¹¤×÷Ô­Àí: ½¨Á¢Ò»¸öÆ«ÒÆÁ¿, ¼ÓÉϽÏÉî.
4. ÊôÐÔ:
4.1. color: ͶӰµÄÑÕÉ«
4.2. offxºÍoffy: x·½ÏòºÍy·½ÏòÒõÓ°µÄÆ«ÒÆÁ¿
4.3. positive: ²¼¶ûÖµ, true´ú±íΪÈκηÇ͸Ã÷ÏñËØ½¨Á¢¿É¼ûͶӰ, false´ú±íΪ͸Ã÷ÏñËØ²¿·Ö½¨Á¢Í¸Ã÷Ч¹û
Glow
1. Óï·¨: {filter: glow(color=color, strength=strength);}
2. ÒâÒå: ±ßÔµ·¢¹âЧ¹û
3. ÊôÐÔ
3.1. color: ·¢¹âÑÕÉ«
3.2. strength: ·¢¹âÇ¿¶È, 1-255
Gray
1. Óï·¨: {filter: gray};
2. ÒâÒå: ½«Í¼Æ¬±ä³É»Ò¶Èͼ
Invert
1. Óï·¨: {filter: invert}
2. ÒâÒå: ½«¶ÔÏóµÄ¿ÉÊÓ»¯ÊôÐÔÈ«²¿·´×ª, °üÀ¨É«²Ê, ±¥ºÍ¶È, ÁÁ¶È
Xray
1. Óï·¨: {filter: xray}
2. ÒâÒå: ÈöÔÏó·´Ó³³öËüµÄÂÖÀª²


Ïà¹ØÎĵµ£º

cssÖеĴ¹Ö±¾ÓÖУ¬²»Í¬ÓÚÔÚTableÖÐ

´¹Ö±¾ÓÖжԱí¸ñÀ´ËµÊÇС²ËÒ»µú£¬Ö»ÐèÖ¸¶¨µ¥Ôª¸ñΪvertical-align: middle¼´¿É£¬
µ«ÕâÔÚcss²¼¾ÖÖв»¹ÜÓ᣼ÙÉèÄ㽫һ¸öµ¼º½²Ëµ¥µÄ¸ß¶ÈÉèΪ2em£¬
È»ºóÔÚcssÖÐÖ¸¶¨´¹Ö±¶ÔÆëµÄ¹æÔò£¬ÎÄ×Ö»¹ÊǻᱻÅŵ½ºÐµÄ¶¥²¿£¬¸ù±¾Ã»ÓÐÊ²Ã´Çø±ð¡£
Òª½â¾öÕâÒ»ÎÊÌ⣬ֻÐ轫ºÐµÄÐиßÉèΪÓëºÐµÄ¸ß¶ÈÏàͬ¼´¿É£¬
ÒÔÕâ¸öÀý×ÓÀ´Ëµ£¬ºÐ¸ß2em,ÄÇôֻР......

CSS ´¹Ö±¾ÓÖÐ

1.ͼƬµÄ´¹Ö±¾ÓÖÐ
  .box
{
/*·ÇIEµÄÖ÷Á÷ä¯ÀÀÆ÷ʶ±ðµÄ´¹Ö±¾ÓÖеķ½·¨*/
display: table-cell;
vertical-align: middle; /*ÉèÖÃˮƽ¾ÓÖÐ*/
text-align: center;

/* Õë¶ÔIEµÄHack */
*display:block;
......

javascript css cookie»»Æ¤·ô

һ˵µ½javascript¾ÍÓÐÈË»áÏëµ½java£¬µ«ÊÇËûÃÇÍê»áÊÇÁ½»ØÊ£¬javascriptÊÇÃæÏò¶ÔÏóµÄ¶¯Ì¬ÀàÐ͵ÄÇø·Ö´óСдµÄ¿Í»§¶Ë½Å±¾ÓïÑÔ£¬Çë×¢Òâ´óСÓÐÇø±ð£¬ÃæÏò¶ÔÏó¡£javascriptÓÃ;ºÜ¶àµÄ£¬Ä¿Ç°¼¸ºõËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¡£µ«ÊÇËûÓÐÒ»¸ö»µ´¦¾ÍÊDZäÁ¿£¬Èçvar
i=4;Õâ¸öi¾ÍÊÇintÀàÐ͵ģ¬var
s="hello",Õâ¸ösÊÇ×Ö·û´®ÀàÐ͵ģ ......

CSSÔÚUL UIÉϵÄÓ¦ÓÃ

Ч¹ûͼ£º
csstest.css
*{
 margin-left:0;
 margin-top:0;
 font-size:12px;
 color:White;    
}
#biaoge
{
/*¶ÔIDΪbiaogeµÄ±êǩʹÓôËCSS*/
    width:405px;   /*Áпí100£¬¼ÓÉÏÎå¸öΪ1µÄ±ß¾à£¬ËÄÁоÍÊÇ405*/
  &nbs ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ