Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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=ƵÂÊ£¬


Ïà¹ØÎĵµ£º

DIV+CSSÖ®float

test.html£º
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......

ÄãÏÖÔÚµÄCSSˮƽ´¦ÓÚʲôµÈ¼¶£¿

CSS(²ãµþÑùʽ±í),¿ÉÄÜ¿´¹ýÍøÕ¾ÖÆ×÷½Ì³ÌÍø»ù´¡½Ì³ÌµÄÈ˶¼ÖªµÀ´ó¸ÅÊÇʲô»ØÊÂ.±¾ÎÄÀ´²âÒ»ÏÂ,ÄãѧϰCSSÏÖÔÚ´¦ÓÚÔõôһ¸ö½×¶Î»òÕß˵´¦ÔÚÒ»¸öʲôµÈ¼¶.
       ±¾ÎÄ×ܹ²½«CSSѧϰÕߴӵ͵½¸ß·ÖΪÁù¸öµÈ¼¶.¿ìÀ´¿´¿´ÄãÊÇÔÚÄĸöµÈ¼¶.
¡¡¡¡µÚ0¼¶£ºCSS£¿Ê²Ã´CSS,ÊDz»ÊÇCS°¡.ÄÇÓÎÏ·ÎÒÍæ¹ýѽ.ÊǸö¶àÈËÓÎ ......

css clearfix(Õë¶Ô»ðºüheight:autoÎÞЧ½â¾ö·½°¸)

css
clearfix(Õë¶Ô»ðºüheight:autoÎÞЧ½â¾ö·½°¸)

FirefoxµÈ·ûºÏW3C±ê×¼µÄä¯ÀÀÆ÷ÖУ¬Èç¹ûÓÐÒ»¸öDIV×÷ΪÍⲿÈÝÆ÷£¬ÄÚ²¿µÄDIVÈç¹ûÉèÖÃÁËfloatÑùʽ£¬ÔòÍⲿµÄÈÝÆ÷DIVÒòΪÄÚ²¿Ã»ÓÐclear£¬µ¼Ö²»Äܱ»³Å¿ª¡£
Àý£º
<div style=" border:2px solid #0CC; width:600px;" >
 <div style="
wi ......

cssαÀàhover ie6bug£¬½Ò¿ªIE6ÏÂhover²»ÏÔʾԭÒò

:hoverÊÇÎÒÃÇÔÚCSSÉè¼ÆÖÐ×î³£ÔËÓõÄαÀàÖ®Ò»£¬Ðí¶àѤÀöЧ¹ûµÄʵÏÖÀë²»¿ªÎ±Àà:hover£¬±ÈÈçÎÒÃdz£¼ûµÄ´¿CSS²Ëµ¥¡¢Ïà²áЧ¹ûµÈµÈ¡£
»òÐíÓÃÁËÕâô¾ÃµÄαÀà:hover£¬»¹Óв¿·ÖÅóÓÑ»¹²»ÍêÈ«Á˽âhoverµÄ¹æÔò£º
ÔÚCSS1ÖдËαÀà½ö¿ÉÓÃÓÚa¶ÔÏó¡£ÇÒ¶ÔÓÚÎÞhrefÊôÐÔ£¨ÌØÐÔ£©µÄa¶ÔÏ󣬴ËαÀ಻·¢Éú×÷Óá£
ÔÚCSS2ÖдËαÀà¿ÉÒÔÓ¦ÓÃÓÚÈκζÔÏ ......

CSSÖб³¾°Í¼Æ¬µÄÉèÖÃ

CSSÖб³¾°Í¼Æ¬µÄÉèÖà ÂÜÀòÊÀ½ç ¸úÄúÒ»Æð¿´ÊÀ½ç http://lolier.info/ ¹Ø¼ü×Ö:CSS,ͼƬ,ÉèÖà CSSÖб³¾°Í¼Æ¬µÄÉèÖ㺠²»Æ½ÆÌ£ºbackground-repeat: no-repeat; ºáÏòƽÆÌ£ºbackground-repeat: repeat-x; ×ÝÏòƽÆÌ£ºbackground-repeat: repeat-y; ¹Ì¶¨£ºbackground-attachment: fixed; ¹ö¶¯£ºbackground-attachment: scroll; ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ