Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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:marginÊôÐÔ±¸Íü

²Î¿¼×ÊÁÏ£ºhttp://www.blueidea.com/tech/web/2007/4546.asp£¬ÓÉdzÈëÉîÂþ̸marginÊôÐÔ - ÍøÒ³ÖÆ×÷ - À¶É«ÀíÏë
Ö±½ÓÉÏ´úÂ룺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaa</title>
    <style type="text/css">
    html  { }
......

´¿CSSÏÂÀ­²Ëµ¥


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- www.div-css.com ÍøÕ¾±ê×¼»¯  2007-4-16 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......

CSS¿ò¼Ü»ã×Ü

Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼ ......

div+cssÊÇÍøÕ¾ÓÅ»¯µÄ×î»ù´¡¹¤×÷

DIV+CSSÉè¼ÆµÄÍøÕ¾Êǰ´ÕÕW3C±ê×¼µÄ£¬Èç¹ûÒ»¸öÕ¾µãÍêÈ«ÊÇCSS+DIVÖÆ×÷µÄ£¬ÄÇôÄãÍøÕ¾µÄSEO£¨ËÑË÷ÒýÇæÓÅ»¯£©¹¤×÷ÒѾ­Íê³ÉÁË30%£¡ÎªÊ²Ã´»áÕâô˵£¿SEOÆäËû·½ÃæÔÚÄĺã¬Çë½Ó×ÅÎÒµÄ˼·ÍùÏ¿´£º
ʯ¼Ò×¯ÍøÕ¾ÓÅ»¯
DIV+CSS ÍøÕ¾Ï൱30%µÄSEO¹¤×÷
1¡¢div+cssÍøÕ¾×ñÑ­“ÍøÒ³½á¹¹¡¢±íÏÖ¡¢ÐÐΪ·ÖÀ룬»¥²»¸ÉÉæÇÀ¹¦”ÀíÄÇÒ ......

cssÂ˾µÖ®lightʵÏֵĵƹâЧ¹û.

Ч¹ûͼ:
Ô´Âë: ±£´æÎªhtmlÎļþ, ÔÚIE6¼°ÒÔÉϰ汾IEä¯ÀÀÆ÷¿ÉÒÔÔËÐÐ....
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
       <head>
         &nb ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ