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
<action method="addItem"><type>skin_js</type><name>js/myjs.js</name></action>
//Ìí¼Ójs myjs.js ÎļþÔÚ /skin/frontend/Ö÷Ìâ°üÎļþ¼Ð/Ö÷ÌâÎļþ¼Ð/js
<action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
//ɾ³ýjs ´Ëprototype.jsÎļþÔÚmagento¸ùĿ¼µÄ jsÎļþ¼Ð
</reference>
³ö´¦£ºhttp://www.hellokeykey.com/magento-add-css-js/
Ïà¹ØÎĵµ£º
ÍøÉÏ¿´µ½µÄһЩCSS¹¤¾ß×ÊÔ´
ÔÚÏßCSS¹¤¾ß£º
W3C CSS УÑé·þÎñ :ÌṩÍòÎ¬ÍøÐ»á(W3C)Ñùʽ±í(CSS)УÑé·þÎñ¡£
CSS ÔÚÏß±à¼Æ÷:OnLine CSS Designer - CSS Style Editor¡£ CSS ÑùʽÔÚÏß±à¼Æ÷£¬¿ÉÒÔ¼´Ê±²é¿´CSS ÑùʽЧ¹ûÑÝʾ¡£
QrONE CSS Designer £ºÔÚÏßCSS±à¼Æ÷£¬Ëù¼û¼´ËùµÃ¡£
SKUER - The CSS Search Engine :SKUER ......
´¹Ö±¾ÓÖжԱí¸ñÀ´ËµÊÇС²ËÒ»µú£¬Ö»ÐèÖ¸¶¨µ¥Ôª¸ñΪvertical-align: middle¼´¿É£¬
µ«ÕâÔÚcss²¼¾ÖÖв»¹ÜÓ᣼ÙÉèÄ㽫һ¸öµ¼º½²Ëµ¥µÄ¸ß¶ÈÉèΪ2em£¬
È»ºóÔÚcssÖÐÖ¸¶¨´¹Ö±¶ÔÆëµÄ¹æÔò£¬ÎÄ×Ö»¹ÊǻᱻÅŵ½ºÐµÄ¶¥²¿£¬¸ù±¾Ã»ÓÐÊ²Ã´Çø±ð¡£
Òª½â¾öÕâÒ»ÎÊÌ⣬ֻÐ轫ºÐµÄÐиßÉèΪÓëºÐµÄ¸ß¶ÈÏàͬ¼´¿É£¬
ÒÔÕâ¸öÀý×ÓÀ´Ëµ£¬ºÐ¸ß2em,ÄÇôֻР......
CSS ¸ÅÊö
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
Ñùʽ¶¨ÒåÈçºÎÏÔʾ HTML ÔªËØ
Ñùʽͨ³£´æ´¢ÔÚÑùʽ±íÖÐ
°ÑÑùʽÌí¼Óµ½ HTML 4.0 ÖУ¬ÊÇΪÁ˽â¾öÄÚÈÝÓë±íÏÖ·ÖÀëµÄÎÊÌâ
ÍⲿÑùʽ±í¿ÉÒÔ¼«´óÌá¸ß¹¤×÷ЧÂÊ
ÍⲿÑùʽ±íͨ³£´æ´¢ÔÚ CSS ÎļþÖÐ
¶à¸öÑùʽ¶¨Òå¿É²ãµþΪһ
Ñùʽ½â¾öÁËÒ»¸öÆÕ±éµÄÎÊÌâ
HTML ±êǩԱ¾± ......
1.ͼƬµÄ´¹Ö±¾ÓÖÐ
.box
{
/*·ÇIEµÄÖ÷Á÷ä¯ÀÀÆ÷ʶ±ðµÄ´¹Ö±¾ÓÖеķ½·¨*/
display: table-cell;
vertical-align: middle; /*ÉèÖÃˮƽ¾ÓÖÐ*/
text-align: center;
/* Õë¶ÔIEµÄHack */
*display:block;
......
ƽ ʱÄÃCSS²¼¾Ö¶¼ÊÇһЩÄÚÈݱȽ϶àµÄÍøÕ¾,ǰÁ½ÌìÓÃCSS+DIVŪÁ˸öÄÚÈÝÉÙµÄÒ³Ãæ,·¢ÏÖÁËÒ»¸öСÎÊÌâ,¿ÉÄÜ´ó¼Ò¶¼»áÓöµ½,ÄǾÍÊÇÍøÕ¾FOOTERµÄ¶¨ λ,Èç¹ûÄÚÈݱȽÏÉٵϰ,Ò³ÃæµÄFOOTER¾Í»áËæ×ÅÄÚÈݵļõÉÙÅܵ½ÉÏÃæÈ¥,²»ÊǹԹԵÄÔÚÏÂÃæ´ô×Å,º¦µÃÎÒÑо¿Á˰ëÌìÕÒ¸ßÈËÖÕÓÚ¸ø¸ã¶¨ÁË,Ò²ËãÒ»¸öССµÄ ¼¼Çɸø´ó¼Ò·ÖÏí
Ê×ÏÈÎÒÃÇÒªÔÚÍâ²ãÉ趨һ ......