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

CSSµÄÖ÷ÒªÊôÐÔ


CSS ±³¾°ÊôÐÔ£¨Background£©
ÊôÐÔ
ÃèÊö
CSS
background
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеı³¾°ÊôÐÔ¡£
1
background-attachment
ÉèÖñ³¾°Í¼ÏñÊÇ·ñ¹Ì¶¨»òÕßËæ×ÅÒ³ÃæµÄÆäÓಿ·Ö¹ö¶¯¡£
1
background-color
ÉèÖÃÔªËØµÄ±³¾°ÑÕÉ«¡£
1
background-image
ÉèÖÃÔªËØµÄ±³¾°Í¼Ïñ¡£
1
background-position
ÉèÖñ³¾°Í¼ÏñµÄ¿ªÊ¼Î»Öá£
1
background-repeat
ÉèÖÃÊÇ·ñ¼°ÈçºÎÖØ¸´±³¾°Í¼Ïñ¡£
1
CSS ±ß¿òÊôÐÔ£¨Border ºÍ Outline£©
ÊôÐÔ
ÃèÊö
CSS
border
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеı߿òÊôÐÔ¡£
1
border-bottom
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄϱ߿òÊôÐÔ¡£
1
border-bottom-color
ÉèÖÃϱ߿òµÄÑÕÉ«¡£
2
border-bottom-style
ÉèÖÃϱ߿òµÄÑùʽ¡£
2
border-bottom-width
ÉèÖÃϱ߿òµÄ¿í¶È¡£
1
border-color
ÉèÖÃËÄÌõ±ß¿òµÄÑÕÉ«¡£
1
border-left
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄ×ó±ß¿òÊôÐÔ¡£
1
border-left-color
ÉèÖÃ×ó±ß¿òµÄÑÕÉ«¡£
2
border-left-style
ÉèÖÃ×ó±ß¿òµÄÑùʽ¡£
2
border-left-width
ÉèÖÃ×ó±ß¿òµÄ¿í¶È¡£
1
border-right
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÓұ߿òÊôÐÔ¡£
1
border-right-color
ÉèÖÃÓұ߿òµÄÑÕÉ«¡£
2
border-right-style
ÉèÖÃÓұ߿òµÄÑùʽ¡£
2
border-right-width
ÉèÖÃÓұ߿òµÄ¿í¶È¡£
1
border-style
ÉèÖÃËÄÌõ±ß¿òµÄÑùʽ¡£
1
border-top
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÉϱ߿òÊôÐÔ¡£
1
border-top-color
ÉèÖÃÉϱ߿òµÄÑÕÉ«¡£
2
border-top-style
ÉèÖÃÉϱ߿òµÄÑùʽ¡£
2
border-top-width
ÉèÖÃÉϱ߿òµÄ¿í¶È¡£
1
border-width
ÉèÖÃËÄÌõ±ß¿òµÄ¿í¶È¡£
1
outline
ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÂÖÀªÊôÐÔ¡£
2
outline-color
ÉèÖÃÂÖÀªµÄÑÕÉ«¡£
2
outline-style
ÉèÖÃÂÖÀªµÄÑùʽ¡£
2
outline-width
ÉèÖÃÂÖÀªµÄ¿í¶È¡£
2
CSS Îı¾ÊôÐÔ£¨Text£©
ÊôÐÔ
ÃèÊö
CSS
color
ÉèÖÃÎı¾µÄÑÕÉ«¡£
1
direction
¹æ¶¨Îı¾µÄ·½Ïò / Êéд·½Ïò¡£
2
letter-spacing
ÉèÖÃ×Ö·û¼ä¾à¡£
1
line-height
ÉèÖÃÐиߡ£
1
text-align
¹æ¶¨Îı¾µÄˮƽ¶ÔÆë·½Ê½¡£
1
text-decoration
¹æ¶¨Ìí¼Óµ½Îı¾µÄ×°ÊÎЧ¹û¡£
1
text-indent
¹æ¶¨Îı¾¿éÊ×ÐеÄËõ½ø¡£
1
text-shadow
¹æ¶¨Ìí¼Óµ½Îı¾µÄÒõӰЧ¹û¡£
2
text-transform
¿ØÖÆÎı¾µÄ´óСд¡£
1
unicode-bidi
ÉèÖÃÎı¾·½Ïò¡£
2
white-space
¹æ¶¨ÈçºÎ´¦ÀíÔªËØÖеĿհס£
1
word-spacing
ÉèÖõ¥´Ê¼ä¾à¡£
1
CSS ×ÖÌåÊôÐÔ£¨Fon


Ïà¹ØÎĵµ£º

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¼æÈÝÐÔ£¨2£© text overflow

Ò»Ö±ÒÔÀ´ÎÒ¶¼ÒÔΪcssÊÇÎÞ·¨ÏÞÖÆ×Ö·û³¤¶ÈµÄ£¬×î½ü²Å·¢ÏÖÔ­À´¿ÉÒÔÕâÑù.×î¼òµ¥µÄ¼æÈÝ·½·¨£º
.textOverflow {
width:100px;
white-space:nowrap;/*ÏÞÖÆµ¥ÐÐÊä³ö*/
text-overflow:ellipsis;/*Ö»Ö§³ÖIE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*OperaרÓÃ*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......

CssÊôÐÔ¼û½â

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

ÓëCSSµÄ{}³åÍ»£¬ÐÞ¸ÄSmartyµÄ±êÇ©


            $Smarty = new Smarty();
            $Smarty->left_delimiter ='<{';
            $Smarty->right_delimiter='}> ......

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


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