CSS¹ýÂËÆ÷
1.alphaÊôÐÔ:
alphaÊôÐÔÓÃÀ´ÉèÖÃ͸Ã÷¶È¡£
Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
opacity±íʾ͸Ã÷¶ÈµÈ¼¶£¨0~100£©
finishopacityÓÃÀ´ÉèÖýáÊøÃ÷µÄ͸Ã÷¶È
startXºÍstartY±íʾ½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼×ø±ê
finishXºÍfinishY±íʾ½¥±ä͸Ã÷Ч¹ûµÄ¿ªÊ¼×ø±ê
2.blurÊôÐÔ
blurÊôÐÔÓÃÀ´ÉèÖÃÄ£ºýЧ¹û¡£
filter: blur(add=true¡¢flase,direction,strength=strength)
addÖ¸¶¨Í¼Æ¬ÊÇ·ñ±ä³ÉÄ£ºýЧ¹û
direction²ÎÊýÓÃÀ´ÉèÖÃÄ£ºýµÄ·½Ïò£¨0¡¢45¡¢90¡¢135¡¢180¡¢225¡¢270¡¢315£©
strength´ú±íÓжàÉÙÏñËØµÄ¿í¶È½«Êܵ½Ä£ºýÓ°Ï죨ĬÈÏÊÇ5£©
3.chromaÊôÐÔ
chromaÊôÐÔÉèÖÃÒ»¸ö¶ÔÏóÖÐÖ¸¶¨µÄÑÕɫΪ͸Ã÷É«¡£
filter: chroma(color=color)
4.dropshadowÊôÐÔ
dropshadowÊôÐÔÓÃÀ´Ìí¼Ó¶ÔÏóµÄÒõӰЧ¹û¡£
filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive)
Color±íʾͶÉäÒõÓ°µÄÑÕÉ«
Offx¡¢Offy·Ö±ð±íʾÔÚX·½ÏòºÍY·½ÏòÒõÓ°µÄÆ«ÒÆÁ¿£¨ÕûÊý±íʾ£¬ÕýÊýXÖáµÄÓÒ·½ÏòºÍYÖáµÄÏòÉÏ·½Ïò£©
Positive£ºtrue±íʾΪÈκηÇ͸Ã÷ÏñËØ½¨Á¢¿É¼ûµÄͶӰ£¬false±íʾΪ͸Ã÷µÄÏñËØ²¿·Ö½¨Á¢¿É¼ûµÄͶӰ
5.flipH¡¢flipVÊôÐÔ
flipH±íʾˮƽ·×ª£¬flipV±íʾ´¹Ö±·×ª¡£
filter: flipH
filter: flipV
6.glowÊôÐÔ
glowÊôÐÔÈöÔÏóµÄ±ßÔµ²úÉúÀàËÆ·¢¹âµÄЧ¹û¡£
filter: glow(Color=color,Strength=strength)
ColorÓÃÀ´Ö¸¶¨·¢¹âµÄÑÕÉ«
StrengthÓÃÀ´Ö¸¶¨·¢¹âµÄÇ¿¶È£¨1~225£©
7.grayÊôÐÔ
grayÊôÐÔ°ÑÒ»ÕÅͼ±ä³É»Ò¶Èͼ¡£
filter: gray
8.invertÊôÐÔ
invertÊôÐÔ¿ÉÒ԰ѶÔÏóµÄ¿ÉÊÓ»¯ÊôÐÔÈ«²¿·×ª£¬°üÀ¨É«²Ê¡¢±¥ºÍ¶ÈºÍÁÁ¶È¡£
filter: invert
9.maskÊôÐÔ
maskÊôÐÔΪ¶ÔÏó½¨Á¢Ò»¸ö¸²¸ÇÓÚ±íÃæµÄÃɰæÐ§¹û¡£
filter: mask(Color=ÑÕÉ«£©
10.shadowÊôÐÔ
shadowÊôÐÔ¿ÉÒÔÔÚÖ¸¶¨µÄ·½Ïò½¨Á¢ÎïÌåµÄͶӰ¡£
filter: shadow(Color=color,Direction=direction)
Color²ÎÊýÖ¸¶¨Í¶Ó°µÄÑÕÉ«
Direction²ÎÊýÖ¸¶¨Í¶Ó°µÄ·½Ïò
11.waveÊôÐÔ
waveÊôÐÔÓÃÀ´ÉèÖò¨ÎÆÐ§¹û¡£
filter: wave(Add=True¡¢False,Freq=ƵÂÊ£¬
Ïà¹ØÎĵµ£º
ת×Ô£ºhttp://www.linji.cn/post/1595/
ÓÃCSSÈÃÔªËØ¾ÓÖÐÏÔʾ²¢²»ÊǼþºÜ¼òµ¥µÄÊÂÇ闗ͬÑùµÄºÏ·¨CSS¾ÓÖÐÉèÖÃÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖеıíÏÖÐÐΪȴ¸÷ÓÐǧÇï¡£ÔÚÕâÀÎÒ½éÉÜÒ»ÖֺܺõľÓÖд¦Àí°ì·¨£¬µ«Õâ֮ǰ£¬ÈÃÎÒÃÇÏÈÀ´¿´¿´×î³£¼ûµÄʹÓÃCSS¾ÓÖÐÔªËØµÄ·½·¨¡£
ʹÓÃ×Ô¶¯Íâ±ß¾àʵÏÖ¾ÓÖÐ
CSS
ÖÐÊ×Ñ¡µÄÈÃÔªËØË®Æ½¾ÓÖеķ ......
Èçͼ£¬×öÍøÕ¾Ê±¾³£Óöµ½µÄÇé¿ö£¬½«ÏîÄ¿ÃûºÍ·¢²¼Ê±¼ä×óÓÒ·Ö¿ª¡£
·½·¨1£º
˼·ÊÇÖ±½Ó½«Ê±¼ä·Åµ½Ò»¸öÐÐÄÚÔªËØÀȻºó½«Õâ¸öÔªËØÓÒ¸¡¶¯¡£
È磺<li><span>(2009-01-01)</span>[ýÌå²¥·Å] KMPlayer
2.9.3.1428 ÖÐÎÄÕýʽ°æ </li>
Ö»Òª½« li span{float:right£»}£¬È»ºó li{width:200 ......
ÔÚ½øÐÐdiv+cssÍøÒ³²¼¾ÖµÄʱºò£¬²»¿É±ÜÃâµÄÐèÒª²åÈëÒ»¶¨µÄ±íµ¥ÔªËØ£¬inputÊÇÆäÖÐ×î³£¼ûµÄÒ»ÖÖ¡£ÎÒÃÇÔÚ²¼¾ÖÖУ¬³£»áÓöµ½Îı¾ÊäÈë¿òÓëͬ´¦Ò»ÐеÄÎı¾²»¶ÔÆëµÄÎÊÌâ¡£Õâ¸öÎÊÌâÉèÖÃinputµÄvertical-align:middleÊôÐÔÀ´½â¾ö¡£
ÎÒÃÇÀ´¿´ÏÂÃæµÄÀý×Ó£¬ÈçºÎ½â¾öÎı¾ÊäÈë¿òÓëÎı¾¶ÔÆëµÄÎÊÌ⣡
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
×î½üÔÚÍøÉÏÕÒµ½Á˼¸¿îCSSÔÚÏßÓÅ»¯Æ÷£¬×Ô¼ºÊÔÁËÊÔ£¬·ÅÉÏÀ´¸ú´ó¼Ò·ÖÏíһϡ£
1. Online CSS Optimizer /ÔÚÏßCSSÓÅ»¯
¸ÃÔÚÏß¹¤¾ßÓÃÓÚ¾«¼òºÍѹËõÑùʽ±íµÄÎļþ´óС£¬ÓÅ»¯ºóµÄ´úÂ뽫ÍêÈ«ÊÇ»ìÂҵģ¬Ö§³ÖÊäÈëURL£¬Ìá½»ÎļþºÍÖ±½ÓÊäÈë½øÐÐѹËõ¡£
2. CSS Compressor/CSSѹËõ
×÷ÓÃͬÉÏ£¬µ«Õâ¸ö¹¤¾ßÓµÓзdz£ÏêϸµÄѹËõÑ¡ÏËü°üº¬» ......
ÎÄÕÂת×ÔÓÚ:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
ÓÉÓÚÏîÄ¿ÖбàдÎĵµ½á¹¹¡¢±àдCSSµÄÈËÔ±½Ï¶à£¬²¢Óë³ÌÐòÔ±Ðͬ¹¤×÷£¬ËùÒÔ¾ÍÐèҪͳһ¿ª·¢¹æ·¶£¬¸ù¾ÝXHTMlºÍCSS±àÖ¯µÄ¹æ·¶ºÍ´ó¶àÈ˵Äϰ¹ß£¬ÕûÀíÁËÒÔÏÂÕë¶Ô±¾ÏîÄ¿µÄÒ»¸ö¼òµ¥µÄ¿ª·¢¹æ·¶£º
Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºgl ......