Magento ¼¯³ÉcssÎļþµ½Ò³ÃæÎļþÖÐ
×ªÔØÓÚ ÂÞÂí¼¯ÊÐ
MagentoµÄCSSÎļþÒ»°ã´æ·Åµ½ $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin |
install}/<package name>/<theme
name>/cssĿ¼Ï¡£Ò²ÓÐЩºÍÈ«¾Öjs½Å±¾ÅäºÏʹÓõÄcssÎļþ´æ·ÅÔÚ$MAGENTO_INSTALLED_FOLDER/jsÏ£¬µ«ÊÇÒ»
°ãÎÒÃDz»Ö±½Óµ÷ÓÃËüÃÇ¡£
ÄÇôMagentoÓ¦ÓÃÓÖÊÇÈçºÎÒýÓÃCSSÎļþµÄÄØ£¿
·½Ê½I. ×îÒ»°ãµÄ·½·¨ÊÇÅäÖÃÈ«¾Öblock. ÔÚpage.xmlÖÐÓÐ
Xml´úÂë
<
default
>
<
block
type
=
"page/html"
name
=
"root"
output
=
"toHtml"
template
=
"page/3columns.phtml"
>
<
block
type
=
"page/html_head"
name
=
"head"
as
=
"head"
>
<
action
method
=
"addCss"
>
<
stylesheet
>
css/menu.css
</
stylesheet
>
</
action
>
<
action
method
=
"addItem"
>
<
type
>
skin_css
</
type
>
<
name
>
css/iestyles.css
</
name
>
<
params
/>
<
if
>
IE
</
if
>
</
action
>
</
block
>
</
block
>
</
default
>
<default>
<block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">
<block type="page/html_head" name="head" as="head">
<actio
Ïà¹ØÎĵµ£º
2009Äê2ÔÂ24ÈÕ
£¬Safari 4.0
beta°æÕýʽ·¢²¼£¬Safari´ÓËüµÄ3.2°æ±¾¿ªÊ¼¾ÍÒѾ֧³ÖËùÓеÄCSSÑ¡ÔñÆ÷(°üÀ¨×îеÄCSS3)¡£²»¹ýΪÁË·½±ã´ó¼ÒµÄ¹¤×÷£¬ÏÂÃæÌṩÁË×îаæ
±¾µÄCSSÑ¡ÔñÆ÷ä¯ÀÀÆ÷Ö§³ÖÇé¿ö£¬ÆäÖаüÀ¨×îеÄCSS3ºÍSafari 4.0 BetaµÄÖ§³ÖÇé¿ö¡£¸ÐлEstelle Weyl
µÄ×ܽᡣ
2009Äê6ÔÂ30ÈÕ
£¬FireFox 3.5·¢²¼£¬ÀàËÆSafar ......
IE6¡¢IE7¡¢IE8¡¢FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌ⣬±¾À´ie6¸úffÖ®¼äµÄ¼æÈÝÊǺÜÈÝÒ×½â¾öµÄ¡£¼ÓÉϸöie7»áÂé·³µã£¬ie8µÄ³öÏ־͸üÍ·ÌÛÁË£¬ÔÀ´hack ie7µÄ·½·¨ÓÖ²»ÄÜÓÃÁË£¬Ôõô°ìÄØ£¿
»¹ºÃ£¬Î¢ÈíÌṩÁËÕâÑùÒ»¸ö´úÂ룺 °ÑÕâ¶Î´úÂë·Åµ½ÀïÃæ£¬ÔÚie8ÀïÃæµÄÒ³Ãæ½âÎöÆðÀ´¾Í¸úie7һģһÑùµÄÁË£¬ËùÒÔ£¬»ù±¾ÉÏ¿ÉÒÔÎÞÊÓie8£¬Ê£ÏµĴúÂëÖ»ÐèÒªÕâÑùд¾ ......
CSS ºÍ JavaScript ±êÇ© style ÊôÐÔ¶ÔÕÕ±í£º
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£© JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......
ninjacontent×é¼þÔÚÎÒµÄÍøÕ¾ÉÏÏÔʾ²»Õý³££¬ÏëÐÞ¸ÄËüµÄCSSʹÆäÕý³££¬¿ÉÊÇÔõôҲÕÒ²»µ½ËüµÄCSSµÄλÖã¬ÏÖÔÚÖÕÓÚÕÒµ½ÁË£¬ÌذÑËü¼Ç¼ÏÂÀ´£¬ÒÔ±¸ÓÐÓöµ½¸úÎÒÒ»ÑùÎÊÌâµÄÈ˲鿴¡£
CSSλÖãºÍøÕ¾¸ùĿ¼\media\com_ninjacontent\css\Ŀ¼Ï¡£ ......
css+divºÍtable+cssµÄ±È½Ï
¡¡CSS£«DIVÊÇÍøÕ¾±ê×¼£¨»ò³Æ“WEB±ê×¼”£©Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ£¨table£©¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£
CSS£«DIVÍøÕ¾Éè¼ÆµÄÓÅÊÆ
Ê×ÏÈ£¬CSSµÄ ......