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

CssÊôÐÔ¼û½â

   ×òÌìѧϰÁËCssµÄһС²¿·ÖÊôÐÔ£¬ÕâЩÊôÐÔÒ»Ö±´Ó×òÌìÁ·Ï°µ½½ñÌ죬¸Ð¾õÈç¹ûÏë°ÑÕâЩÊôÐÔÍêÈ«µÄÕÆÎÕÀι̻¹ÐèÒª´óÁ¿µÄÁ·Ï°£¬¿´µ½Í¬Ñ§Ò»¸ö±ÈÒ»¸öѧϰŬÁ¦£¬ÓеÄͬѧÒѾ­³¬Ç°Ñ§Ï°£¬ÐÄÀï¸Ðµ½ÆßÉϰËϵģ¬Òò´Ë×Ô¼ºÒ²ÔÚÂýÂý×êÑУ¬²»ÄÜÂäµ½±ðÈ˵ĺóÃæ£¬×òÌìÖ÷ÒªÊÇÁ·Ï°ÁË£¬½ñÌìÖ÷ÒªµÄ×ܽáÁËһЩCssµÄÊôÐÔ£º
Îı¾
font-family ×ÖÌåÀàÐÍ
Arial,Helvetica,sans-serif
font-size  ×ÖÌå´óС
12px
font-weight ×ÖÌåÖØÁ¿
400
font-style ×ÖÌå·ç¸ñ
normal
Color  ×ÖÌåÑÕÉ«
#000000
text-transform Îı¾×ª»»
none
text-decoration ÎÄ×Ö×°ÊÎ
none
letter-spacing ×Öĸ¼ä¾à
normal
word-spacing ×Öĸ¾à
0
line-height Ï߸߶È
18px
text-align Îı¾¶ÔÆë
start
vertical-align ´¹Ö±¶ÔÆë
baseline
Direction ·½Ïò
ltr
±³¾°
background-color
transparent
background-image
none
background-repeat
repeat
background-position ±³¾°Î»ÖÃ
0 0
background-attachment ±³¾°¸½¼þ
scroll
opacity ²»Í¸Ã÷
1
ºÐÄ£ÐÍ
width ¿í¶È
895px
height ¸ß¶È
305px
top ¶¥¶Ë
auto
right ÓÒ±ß
auto
bottom µ×²¿
auto
left ×ó±ß
auto
margin-top
0
margin-right
0
margin-bottom
0
margin-left
0
padding-top
0
padding-right
0
padding-bottom
0
padding-left
0
border-top-width
0
border-right-width
0
border-bottom-width
0
border-left-width
0
border-top-color
#000000
border-right-color
#000000
border-bottom-color
#000000
border-left-color
#000000
border-top-style
none
border-right-style
none
border-bottom-style
none
border-left-style
none
²¼¾Ö
position λÖÃ
static ¾²Ì¬
display ÏÔʾ
block ¿é
visibility Äܼû¶È
visible ¿É¼û
z-index zË÷Òý
auto ×Ô¶¯µÄ
overflow-x Òç³ö
visible
overflow-y
visible
white-space °×É«¿Õ¼ä
normal
clip ¼ô¼­
auto
float ¸¡¶¯
none
clear Çå³þµÄ
none
-moz-box-sizing- Ī×ȺУ¬½¬É´
content-box ÄÚÈݺÐ
ÆäËü
cursor Óαê
auto
list-style-image ÁбíÑùʽͼƬ
none
list-style-position ÁбíÑùʽλÖÃ
outside
list-style-type ÁбíÑùʽÀàÐÍ
disc Ƭ
marker-offset ±ê¼ÇÆ«ÒÆ
auto
ͨ¹ý×ܽáÕâЩÊôÐÔ£¬ÈÃÎҸоõµ½ÁËÒ»µã°²Î¿£¬ÎÒ»á°ÑËûÃÇÊìÁ·ÕÆÎÕÒÔ¼°ÔËÓõĵ½ÒÔºóµÄÁ·Ï°ÖУ¬ÈÃ×Ô¼ºÒ


Ïà¹ØÎĵµ£º

Ìí¼ÓÍ·ÎļþÖеÄxml,script,cssµÈÄÚÈÝ·½·¨

function   $import(path,type,title,idname){  
          var   s,i;  
          if(type=="js"){  
         &nb ......

ÒõÓ°ÌØÐ§ÎÄ×Ö ¼òµ¥cssʵÏÖ

<html>
<head>
<title>ÒõÓ°ÌØÐ§ÎÄ×Ö</title>
<style type="text/css">
<!--
 .effect{                             &nb ......

»ù±¾CSSÑ¡ÔñÆ÷,¸´ºÏÑ¡ÔñÆ÷,ºó´úÑ¡ÔñÆ÷

»ù±¾CSSÑ¡ÔñÆ÷Óбê¼ÇÑ¡ÔñÆ÷¡¢Àà±ðÑ¡ÔñÆ÷¡¢IDÑ¡ÔñÆ÷3ÖÖ
1¡£±ê¼ÇÑ¡ÔñÆ÷
    Ã¿Ò»ÖÖHTML±ê¼ÇµÄÃû³Æ¶¼¿ÉÒÔ×÷ΪÏàÓ¦µÄ±ê¼ÇÑ¡ÔñÆ÷µÄÃû³Æ£¬Èçh1,p,µÈµÈ
2¡£Àà±ðÑ¡ÔñÆ÷
    Àà±ðÑ¡ÔñÆ÷µÄÃû³Æ¿ÉÒÔÓÉÓû§×Ô¶¨Òå
   ¸ñʽÈçÏ£º.class{color:green;font-size:20px;}
3¡£IDÑ¡Ôñ ......

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 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ