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

CSSÂ˾µµÄʹÓ÷½·¨

CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒÆ¶¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó°×Ó
FlipH£º´´½¨Ë®Æ½¾µÏñͼƬ
FlipV£º´´½¨´¹Ö±¾µÏñͼƬ
glow£º¼Ó¹â»ÔÔÚ¸½½ü¶ÔÏóµÄ±ßÍâ
gray£º°ÑͼƬ»Ò¶È»¯
invert£º·´É«
light£º´´½¨¹âÔ´ÔÚ¶ÔÏóÉÏ
mask£º´´½¨Í¸Ã÷ÑÚĤÔÚ¶ÔÏóÉÏ
shadow£º´´½¨Æ«Òƹ̶¨Ó°×Ó
¾ßÌåµÄÓ¦ÓÃÓÐÁ½ÖÖ·½·¨£º
1¡¢Ïȶ¨ÒåºÃCSS £¬ÔÙÔÚÒ³ÃæÖÐÐèÒªµÄ¶ÔÏóÉÏʹÓÃÔ¤Ïȶ¨ÒåºÃµÄCSS£¬Êµ¼ÊÉÏCSSµÄÉèÖöԻ°¿òÀïÒѾ­Ô¤ÏȽ«ÕâЩÂ˾µµÄÓï·¨ÉèÖúÃÁË£¬ÎÒÃÇÖ»ÐèÌîÉÏÊʺϵľßÌå²ÎÊý¼´¿É£º
2¡¢Ö±½ÓÔÚÖ§³ÖCSSÂ˾µÐ§¹ûµÄHTML¿Ø¼þÔªËØÉϱàдCSS filter´úÂë¡£
AlphaÂ˾µ: Ìýµ½Õâ¸öÃû×Ö£¬Äã¿ÉÄÜ»áÏëµ½FlashÀïÓУ¬PhotoshopÀïÒ²ËÆºõ¼û¹ý¡£Ò»µã²»´í£¬ËüÃǵÄ×÷Óûù±¾ÀàËÆ£¬¾ÍÊǰÑÒ»¸öÄ¿±êÔªËØÓë±³¾°»ìºÏ¡£Äã¿ÉÒÔÖ¸¶¨ÊýÖµÀ´¿ØÖÆ»ìºÏµÄ³Ì¶È¡£ÕâÖÖ“Óë±³¾°»ìºÏ"ͨË×µØËµ¾ÍÊÇÒ»¸öÔªËØµÄ͸Ã÷¶È.
Óï·¨£ºSTYLE="filter: Alpha(Opacity=opacity, FinishOpacity=finishopacity£¬Style=style, StartX=startX£¬StartY=startY£¬FinishX=finishX£¬FinishY=finishY)"
˵Ã÷£º
Opacity£ºÆðʼֵ£¬È¡ÖµÎª0¡«100, 0Ϊ͸Ã÷£¬100Ϊԭͼ¡£
FinishOpacity£ºÄ¿±êÖµ¡£
Style£º1»ò2»ò3
StartX£ºÈÎÒâÖµ
StartY£ºÈÎÒâÖµ
Àý×Ó£ºfilter:Alpha(Opacity="0″,FinishOpacity="75″,Style="2″)
BlurÂ˾µ:ÊÇCSSµÄÂ˾µÖ®Ò»£¬°ÑËü¼ÓÔØµ½ÎÄ×ÖÉÏ£¬¿É²úÉúÁ¢Ìå×ÖµÄЧ¹û£¬Õ⽫ΪÄãÔÚÍøÒ³ÉÏʹÓÃÁ¢Ìå×Ö×ö±êÌâ´øÀ´Á˼«´óµÄ·½±ã£¬Ò²ÎªÄãµÄÍøÒ³¼õÇáÁË·ÖÁ¿£»°ÑBlurÂ˾µ¼ÓÔØµ½Í¼Æ¬ÉÏ£¬ÄÜʹÄãµÄͼƬÔöÉ«²»ÉÙ£¬ËäÈ»ÓÃͼÏó´¦ÀíÈí¼þÒ²ÄܴﵽͬÑùЧ¹û£¬µ«ÓÃBlurÂ˾µ¿É·½±ã¶àÁË.
Óï·¨£ºSTYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
˵Ã÷£º
Add£ºÒ»°ãΪ1£¬»ò0¡£
Direction£º½Ç¶È£¬0¡«315¶È£¬²½³¤Îª45¶È¡£
Strength£ºÐ§¹ûÔö³¤µÄÊýÖµ£¬Ò»°ã5¼´¿É¡£
Àý×Ó£ºfilter:Blur(Add="1″,Direction="45″,Strength="5″)
ChromaÂ˾µ:ÉèÖöÔÏóµÄÉ«²ÊŨ¶È
Óï·¨£ºSTYLE="filter:Chroma(Color = color)"
˵Ã÷£ºcolor£º#rrggbb¸ñʽ£¬ÈÎÒâ¡£
Àý×Ó£ºfilter:Chroma(Color="#FFFFFF")
DropShadowÂ˾µ:¹ËÃû˼Òå¾ÍÊÇÌí¼Ó¶ÔÏóµÄÒõӰЧ¹û¡£ËüµÄʵ¼ÊЧ¹û¿´ÉÏÈ¥¾ÍÏóÊÇÔ­À´µÄ¶ÔÏóÀ뿪ÁËÒ³Ãæ£¬È»ºóÔÚÒ³ÃæÉÏÏÔʾ³ö¸Ã¶ÔÏóµÄͶӰ¡£Æä¹¤×÷Ô­ÀíÊ


Ïà¹ØÎĵµ£º

IEÓëFFÔÚjs¡¢css¡¢html·½ÃæµÄ²»¼æÈÝÎÊÌâ


jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔ­Éú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
        ²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......

CSSÑùʽ±íѧϰһ

1. ¶¨ÒåÑùʽ
1.1 °´html±êÇ©¶¨Òå
ÀýÈ磺body{background-color:#999999; text-align:center}
1.2 °´ÀඨÒå
ÀýÈ磺.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 °´id¶¨Òå
ÀýÈ磺#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSSµÄλÖúÍÒýÓÃ
   ......

µÚÒ»´ÎÍæÂÛ̳£¬ÎÒÊÇÒ»¸öÖÒʵµÄCSSÕß

ÐÕÃû£ºÀÖÀÖ---ÀÖcss-lecss
ÍŶӿª·¢×öµÄ¡£±¾È˸ºÔðµÄÒ³ÃæÒÔ¼°ÅŰæÖ®ÀàµÄ£¬ÓÐÐËȤµÄ¿ÉÒÔÈ¥ÍøÕ¾ÉÏ×ªÓÆ×ªÓÆÏ¡£¡£
ÌìÌÃÍø£º
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx 
ÀÏÈËÍø£º
www.laoren.cn
--
Éè¼Æ¹ý³ÌÄÇÊÇÒ»ÖÖÂþ³¤¶ø°º¹óµÄÕÛÄ¥..¡£
--
ÎÒÂùϲ»¶CSSµÄ£¬¿ÉÊÇÈ´Ò²¶ÔËüºÜ·³ÄÕ£¬ÓÐ ......

CSS HackËÙ¼Ç

CSS HackËÙ¼Ç: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   ʾÀý height:100px;¡¾FF¡¿ ......

CSS ¸ß¼¶Óï·¨

Ñ¡ÔñÆ÷µÄ·Ö×é
Òâ˼¾ÍÊÇ˵¼¸¸öÑ¡ÔñÆ÷¿ÉÒÔͬʱʹÓÃÒ»¸öÉùÃ÷£¬µ«ÊÇÑ¡ÔñÆ÷Ö®¼ä¼Çסһ¶¨ÒªÓöººÅÀ´¸ô¿ª£¬ÕâÑùÎÒÃÇ»á½ÚÊ¡Á˺ܶà´úÂë
ÎÒÃǾٸöÀý×Ó°É£¡
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
  }
ÕâÑùËùÓеÄh±êÌâ±êÇ©µÄ×ÖÌåÑÕÉ«ÊǺìÉ«£¬±³¾°ÊÇÀ¶É«£»Ó¦¸ÃÇå³þÁ˰ɣ¡
css¼Ì³ÐÐÔµÄÎÊÌâ
×ÓÔªËØ¼Ì³Ð¸¸ÔªËØµÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ