CSS ¹ýÂËÆ÷ Â˾µ
Â˾µÐ§¹û | ¹¦ÄÜÃèÊö
-----------------------------------------------
Alpha | ÉèÖò»Í¬µÄ͸Ã÷¶È±ä»¯Ð§¹û
-----------------------------------------------
Blur | ½¨Á¢Ä£ºýЧ¹û
-----------------------------------------------
DropShadow| ½¨Á¢Ò»ÖÖÆ«ÒƵÄÓ°ÏóÂÖÀª£¬¼´Í¶ÉäÒõÓ°
-----------------------------------------------
FlipH | ˮƽ·×ª
-----------------------------------------------
FlipV | ´¹Ö±·×ª
-----------------------------------------------
Glow | Ϊ¶ÔÏóµÄ±ß½çÔö¼ÓÉ«²Ê¹âЧ
-----------------------------------------------
Gray | ½«Í¼Æ¬ÒÔ»Ò¶ÈÐÎʽÏÔʾ
-----------------------------------------------
Invert | ½«É«²Ê¡¢±¥ºÍ¶ÈÒÔ¼°ÁÁ¶ÈÖµÍêÈ«·´×ª,ÀàËƵ×ƬЧ¹û
-----------------------------------------------
Light | ÔÚÒ»¸ö¶ÔÏóÉϽøÐеƹâͶӰ
-----------------------------------------------
Mask | Ϊһ¸ö¶ÔÏó½¨Á¢²Êɫ͸Ã÷ÕÚÕÖ
-----------------------------------------------
Shadow | Ϊ¶ÔÏó½¨Á¢ÂÖÀªµÄӰЧ¹û
-----------------------------------------------
Wave | ÔÚXÖáºÍYÖá·½ÏòÀûÓÃÕýÏÒ²¨´òÂÒͼƬ
-----------------------------------------------
Xray | Ö»ÏÔʾ¶ÔÏóµÄÂÖÀª
-----------------------------------------------
----------------À¨ºÅÀïÃæµÄÊDzÎÊý¡£-------------
ϸÖµĽâÊÍ¿´ÏÂÃ棺
1¡¢Alpha Â˾µ
"Alpha"ÊôÐÔÊÇ°ÑÒ»¸öÄ¿±êÔªËØÓë±³¾°»ìºÏ¡£Éè¼ÆÕß¿ÉÒÔÖ¸¶¨ÊýÖµÀ´¿ØÖÆ»ìºÏµÄ³Ì¶È¡£ÕâÖÖ“Óë±³¾°»ìºÏ”ͨË×µØ˵¾ÍÊÇÒ»¸öÔªËصÄ͸Ã÷¶È¡£Í¨¹ýÖ¸¶¨×ø±ê£¬¿ÉÒÔÖ¸¶¨¸÷ÖÖ²»Í¬·¶Î§µÄ͸Ã÷¶È¡£
Alpha Â˾µÓï·¨
{FILTER£ºALPHA(opacity=opacity,finishopacity=finishopacity,
style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}
²ÎÊýº¬Òå·Ö±ðÈçÏ£º
²ÎÊý ˵Ã÷
opacity ͸Ã÷¶È¡£Ä¬Èϵķ¶Î§ÊÇ´Ó0 µ½ 100£¬ËûÃÇÆäʵÊǰٷֱȵÄÐÎʽ¡£Ò²¾ÍÊÇ˵£¬0´ú±íÍêȫ͸Ã÷£¬100´ú±íÍêÈ«²»Í¸Ã÷¡£
finishopacity ÊÇÒ»¸ö¿ÉÑ¡²ÎÊý£¬Èç¹ûÏëÒªÉèÖý¥±äµÄ͸Ã÷Ч¹û£¬¾Í¿ÉÒÔʹÓÃËûÃÇÀ´Ö¸¶¨½áÊøʱµÄ͸Ã÷¶È¡£·¶Î§Ò²ÊÇ0 µ½ 100¡£
style Ö¸¶¨Í¸Ã÷ÇøÓòµÄÐÎ×´ÌØÕ÷£º
0 ´ú±íͳһÐÎ×´
1 ´ú±íÏßÐÎ
2 ´ú±í·ÅÉä×´
3 ´ú±í¾ØÐÎ
startx ½¥±ä͸Ã÷Ч¹û¿ªÊ¼´¦µÄ X×ø±ê¡£
starty ½¥±ä͸Ã÷Ч¹û¿ªÊ¼´¦µÄ
Ïà¹ØÎĵµ£º
´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚ ......
¡¡¡¡CSS¼òд
¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆΪCSS
´úÂëÓÅ»¯
¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔÖø¼õÉÙCSSÎļþµÄ´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö׶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶÓÆäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡Ì«¶àµÄÈËʹÓÃDreamwe ......
<html>
<head>
<title>CSSαÀà pseudo-class</title>
<style type="text/css">
a:link {color: #FF0000} /* δ±»·ÃÎʵÄÁ´½Ó ºìÉ« */
a:visited {color: #00FF00} /* Òѱ»·ÃÎʹýµÄÁ´½Ó ÂÌÉ« */
a:hover {color: #FFCC00} /* Êó±êÐü¸¡ÔÚÉϵÄÁ ......
1.¶¨ÒåDIV
¡¡¡¡·ÖÎöÒ»¸öµäÐ͵Ķ¨ÒådivÀý×Ó£º
¡¡¡¡#sample{ MARGIN: 10px 10px 10px 10px;
¡¡¡¡PADDING:20px 10px 10px 20px;
¡¡¡¡BORDER-TOP: #CCC 2px solid;
¡¡¡¡BORDER-RIGHT: #CCC 2px solid;
¡¡¡¡BORDER-BOTTOM: #CCC 2px solid;
¡¡¡¡BORDER-LEFT: #CCC 2px solid;
¡¡¡¡BACKGROUND: url(images/bg_poem.jpg) # ......
SEOÖ÷Òª¾ÍÊÇͨ¹ý¶ÔÍøÕ¾µÄ½á¹¹£¬±êÇ©£¬ÅÅ°æµÈ¸÷·½ÃæµÄÓÅ»¯£¬Ê¹GoogleµÈËÑË÷ÒýÇæ¸üÈÝÒ×ËÑË÷ÍøÕ¾µÄÄÚÈÝ£¬²¢ÇÒÈÃÍøÕ¾µÄ¸÷¸öÍøÒ³ÔÚGOOGLEµÈËÑË÷ÒýÇæÖлñµÃ½Ï¸ßµÄÆÀ·Ö£¬´Ó¶ø»ñµÃ½ÏºÃµÄÅÅÃû¡£DIV+CSSÍøÒ³²¼¾Ö¶ÔSEOÓÐÄÄЩӰÏìÄØ£¿´úÂ뾫¼òʹÓÃDIV+CSS²¼¾Ö£¬Ò³Ãæ´úÂ뾫¼ò£¬ÕâÒ»µãÏàÐŶÔXHTMLÓÐËùÁ˽âµÄ¶¼ÖªµÀ¡£´úÂ뾫¼òËù´øÀ´µÄÖ±½ ......