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

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=ƵÂÊ£¬


Ïà¹ØÎĵµ£º

ʹÓÃCSSÈÃÔªËØ¾ÓÖÐÏÔʾµÄ¼¼ÇÉ

ת×Ô£ºhttp://www.linji.cn/post/1595/
ÓÃCSSÈÃÔªËØ¾ÓÖÐÏÔʾ²¢²»ÊǼþºÜ¼òµ¥µÄÊÂÇ闗ͬÑùµÄºÏ·¨CSS¾ÓÖÐÉèÖÃÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖеıíÏÖÐÐΪȴ¸÷ÓÐǧÇï¡£ÔÚÕâÀÎÒ½éÉÜÒ»ÖֺܺõľÓÖд¦Àí°ì·¨£¬µ«Õâ֮ǰ£¬ÈÃÎÒÃÇÏÈÀ´¿´¿´×î³£¼ûµÄʹÓÃCSS¾ÓÖÐÔªËØµÄ·½·¨¡£
ʹÓÃ×Ô¶¯Íâ±ß¾àʵÏÖ¾ÓÖÐ
CSS
ÖÐÊ×Ñ¡µÄÈÃÔªËØË®Æ½¾ÓÖеķ ......

¡¾CssµÄһЩС¼¼ÇÉ1¡¿ÓÒ¶ÔÆëµÄÈÕÆÚ¡£


Èçͼ£¬×öÍøÕ¾Ê±¾­³£Óöµ½µÄÇé¿ö£¬½«ÏîÄ¿ÃûºÍ·¢²¼Ê±¼ä×óÓÒ·Ö¿ª¡£
·½·¨1£º
˼·ÊÇÖ±½Ó½«Ê±¼ä·Åµ½Ò»¸öÐÐÄÚÔªËØÀȻºó½«Õâ¸öÔªËØÓÒ¸¡¶¯¡£
   È磺<li><span>(2009-01-01)</span>[ýÌå²¥·Å] KMPlayer
2.9.3.1428 ÖÐÎÄÕýʽ°æ </li>
Ö»Òª½« li span{float:right£»}£¬È»ºó li{width:200 ......

CSS ÎÄ×ÖÓëÊäÈë¿ò¶ÔÆë

ÔÚ½øÐÐdiv+cssÍøÒ³²¼¾ÖµÄʱºò£¬²»¿É±ÜÃâµÄÐèÒª²åÈëÒ»¶¨µÄ±íµ¥ÔªËØ£¬inputÊÇÆäÖÐ×î³£¼ûµÄÒ»ÖÖ¡£ÎÒÃÇÔÚ²¼¾ÖÖУ¬³£»áÓöµ½Îı¾ÊäÈë¿òÓëͬ´¦Ò»ÐеÄÎı¾²»¶ÔÆëµÄÎÊÌâ¡£Õâ¸öÎÊÌâÉèÖÃinputµÄvertical-align:middleÊôÐÔÀ´½â¾ö¡£
ÎÒÃÇÀ´¿´ÏÂÃæµÄÀý×Ó£¬ÈçºÎ½â¾öÎı¾ÊäÈë¿òÓëÎı¾¶ÔÆëµÄÎÊÌ⣡
<!DOCTYPE html PUBLIC "-//W3C//DTD ......

CSSÔÚÏßÓÅ»¯

×î½üÔÚÍøÉÏÕÒµ½Á˼¸¿îCSSÔÚÏßÓÅ»¯Æ÷£¬×Ô¼ºÊÔÁËÊÔ£¬·ÅÉÏÀ´¸ú´ó¼Ò·ÖÏíһϡ£
1. Online CSS Optimizer /ÔÚÏßCSSÓÅ»¯
¸ÃÔÚÏß¹¤¾ßÓÃÓÚ¾«¼òºÍѹËõÑùʽ±íµÄÎļþ´óС£¬ÓÅ»¯ºóµÄ´úÂ뽫ÍêÈ«ÊÇ»ìÂҵģ¬Ö§³ÖÊäÈëURL£¬Ìá½»ÎļþºÍÖ±½ÓÊäÈë½øÐÐѹËõ¡£
2. CSS Compressor/CSSѹËõ
×÷ÓÃͬÉÏ£¬µ«Õâ¸ö¹¤¾ßÓµÓзdz£ÏêϸµÄѹËõÑ¡ÏËü°üº¬» ......

ת:ÓÐÀûÓÚSEOµÄDIV+CSSµÄÃüÃû¹æÔò

ÎÄÕÂת×ÔÓÚ:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
ÓÉÓÚÏîÄ¿ÖбàдÎĵµ½á¹¹¡¢±àдCSSµÄÈËÔ±½Ï¶à£¬²¢Óë³ÌÐòԱЭͬ¹¤×÷£¬ËùÒÔ¾ÍÐèҪͳһ¿ª·¢¹æ·¶£¬¸ù¾ÝXHTMlºÍCSS±àÖ¯µÄ¹æ·¶ºÍ´ó¶àÈ˵Äϰ¹ß£¬ÕûÀíÁËÒÔÏÂÕë¶Ô±¾ÏîÄ¿µÄÒ»¸ö¼òµ¥µÄ¿ª·¢¹æ·¶£º
Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºgl ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ