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

cssʵÏÖ½¥±äЧ¹û

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
²ÎÊý   ËµÃ÷ 
gradientType=1´ú±íºáÏò½¥±ä£¬gradientType=0´ú±í×ÝÏòäÀ±ä
½¥±äЧ¹ûʵÏÖ£ºfilter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="É«²Ê"´ú±í½¥±ä¿ªÍ·µÄÉ«²Ê
endcolorstr="É«²Ê"´ú±í½¥±ä½áβµÄÉ«²Ê
         opacity Í¸Ã÷¶È¡£Ä¬Èϵķ¶Î§ÊÇ´Ó0 µ½ 100£¬ËûÃÇÆäʵÊǰٷֱȵÄÐÎʽ¡£Ò²¾ÍÊÇ˵£¬0´ú±íÍêȫ͸Ã÷£¬100´ú±íÍêÈ«²»Í¸Ã÷¡£ 
         finishopacity ÊÇÒ»¸ö¿ÉÑ¡²ÎÊý£¬Èç¹ûÏëÒªÉèÖý¥±äµÄ͸Ã÷Ч¹û£¬¾Í¿ÉÒÔʹÓÃËûÃÇÀ´Ö¸¶¨½áÊøÊ±µÄ͸Ã÷¶È¡£·¶Î§Ò²ÊÇ0 µ½ 100¡£ 
        style Ö¸¶¨Í¸Ã÷ÇøÓòµÄÐÎ×´ÌØÕ÷£º
        0 ´ú±íͳһÐÎ×´
        1 ´ú±íÏßÐÎ
        2 ´ú±í·ÅÉä×´
        3 ´ú±í¾ØÐΠ
         startx ½¥±ä͸Ã÷Ч¹û¿ªÊ¼´¦µÄ X×ø±ê¡£ 
         starty ½¥±ä͸Ã÷Ч¹û¿ªÊ¼´¦µÄ Y×ø±ê¡£ 
         finishx ½¥±ä͸Ã÷Ч¹û½áÊø´¦µÄ X×ø±ê¡£ 
         finishy ½¥±ä͸Ã÷Ч¹û½áÊø´¦µÄ Y×ø±ê¡£
¾ßÌåЧ¹ûÓ¦ÓÃÈçÏ£º
         CSSÂ˾µÊµÏÖ ´úÂë Ð§¹û¿½ÆÁ&nb


Ïà¹ØÎĵµ£º

cssÂ˾µ

filter£ºfiltername(parameters)
filterÊÇÂ˾µÊôÐÔÑ¡Ôñ·û;filternameÊÇÂ˾µÊôÐÔÃû
alpha͸Ã÷¶È: opacity finishopacity style startX startY finishX finishY
blurÄ£ºý:add direction strength
chromaÖ¸¶¨ÑÕɫ͸Ã÷:color
dropshadowͶÉäÒõÓ°:color offx offy positive
fliphˮƽ·­×ª
flipv´¹Ö±·­×ª
glow¶ÔÏóµÄÍâ±ß ......

magento Ìí¼Ócss js

magento¸ö±ðÒ³ÃæÌí¼ÓcssºÍjsÎļþ£¬¿ÉÒÔ½«Æä·ÅÔÚ¸ö±ðÒ³ÃæµÄxmlÖУ¬»òÕß·ÅÔÚCMSµÄlayout updateÖУ¬Æä´úÂëºÍÎļþ´æ·ÅλÖÃÈçÏÂ
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//Ìí¼Ócss mystyles.css ÎļþÔÚ /skin/frontend/Ö÷Ìâ°ü ......

CssÊôÐÔ¼û½â

   ×òÌìѧϰÁËCssµÄһС²¿·ÖÊôÐÔ£¬ÕâЩÊôÐÔÒ»Ö±´Ó×òÌìÁ·Ï°µ½½ñÌ죬¸Ð¾õÈç¹ûÏë°ÑÕâЩÊôÐÔÍêÈ«µÄÕÆÎÕÀι̻¹ÐèÒª´óÁ¿µÄÁ·Ï°£¬¿´µ½Í¬Ñ§Ò»¸ö±ÈÒ»¸öѧϰŬÁ¦£¬ÓеÄͬѧÒѾ­³¬Ç°Ñ§Ï°£¬ÐÄÀï¸Ðµ½ÆßÉϰËϵģ¬Òò´Ë×Ô¼ºÒ²ÔÚÂýÂý×êÑУ¬²»ÄÜÂäµ½±ðÈ˵ĺóÃæ£¬×òÌìÖ÷ÒªÊÇÁ·Ï°ÁË£¬½ñÌìÖ÷ÒªµÄ×ܽáÁËһЩCssµÄÊôÐÔ£º
Îı¾
font-fa ......

ÀúÊýCSSËõдµÄһЩºÃ´¦


Ô­ÎÄÁ´½Ó£ºhttp://www.fendou163.cn/article/20090115/24807.html
¡¡¡¡WebÍøÕ¾¿ÉÓÃÐԵĹؼüÖ¸±êÊÇËÙ¶È£¬¸üÈ·ÇеØËµ£¬ÊÇÒ³ÃæÄÜÒÔ¶à¿ìµÄËٶȳöÏÖÔÚ·ÃÎÊÕßµÄä¯ÀÀÆ÷´°¿ÚÀï¡£Ó°ÏìËٶȵÄÒòËØÓкܶàÖÖ£¬°üÀ¨Web·þÎñÆ÷µÄËÙ¶È¡¢·ÃÎÊÕßµÄInternetÁ¬½ÓÇé¿ö£¬ÒÔ¼°ä¯ÀÀÆ÷±ØÐëÏÂÔØµÄÎļþ´óС¡£¾¡¹ÜÄãÎÞ·¨¿ØÖÆ·þÎñÆ÷ºÍÁ¬½ÓµÄËÙ¶È£¬µ«ÊÇÄ ......

CSSµÄÖ÷ÒªÊôÐÔ


CSS ±³¾°ÊôÐÔ£¨Background£©
ÊôÐÔ
ÃèÊö
CSS
background
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеı³¾°ÊôÐÔ¡£
1
background-attachment
ÉèÖñ³¾°Í¼ÏñÊÇ·ñ¹Ì¶¨»òÕßËæ×ÅÒ³ÃæµÄÆäÓಿ·Ö¹ö¶¯¡£
1
background-color
ÉèÖÃÔªËØµÄ±³¾°ÑÕÉ«¡£
1
background-image
ÉèÖÃÔªËØµÄ±³¾°Í¼Ïñ¡£
1
background-position
ÉèÖñ³¾°Í¼ÏñµÄ¿ª ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ