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

CSS Ñùʽѧϰ

ÈýÖÖÒýÓÃ2010-03-14 17:45:36
ÄÚÁª¶¨Òå>ÍâÁ´ÒýÓÃ>ÄÚÁª¿é¶¨Òå
1.ÄÚÁª¶¨Òå                         
  <a  stype="XXX">     
2.ÍâÁ´ÒýÓà              cssÎļþ
<head>  <link rel="stylesheet" href="aa.css" />   </head>              headÀïд
±êǩͨ¹ý class=" " À´ÒýÓÃ
3.ÄÚÁª¿é     £¨ÔÚhead ºÍbodyÖ®¼äд£©
<style type="text/css">
<!--
a:link{text-decoration:none; color: #FF0000; font-size:24px}               //text-decoration  ÎÄ×ÖÏß
a:Active{text-decoration:line-through; color:#FF0033; font-size:18px}
a:Visited{ color:#FFCC33; font-size:12px}
-->
</style>
link ĬÈÏÁ¬½ÓµÄÑù×Ó
active Êó±êµã»÷ºóÉÐδÊÍ·Å
visited
hover  Êó±ê·ÅÉÏÈ¥
Ò²¿Éд³É  .p1{ ´ËÖÖ²»ÏÞÓÚp   }
              


Ïà¹ØÎĵµ£º

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

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

cssµÄdivǶÌ×ÎÊÌâ

ѧÁËcss¼¸Ì죬·¢ÏÖÓиöÎÊÌâ¡£
ÈçͼËùʾ,×îÍâ²ãÓиödiv£¨·ÛÉ«£©£¬ÄÚ²¿ÉÏÖÐÏÂÈý¸ödiv£¬ÖмädivÄÚÓÐÈý¸öˮƽÅÅÁеÄdiv£¨ÂÌÉ«£©¡£
“middle”divµÄ¸ß¶ÈÊǸù¾ÝÄÚ²¿Èý¸öÂÌÉ«div¸ß¶È±ä»¯µÄ¡£Õâ¸öÓа취ʵÏÖÂð£¿
ÎÒÊÔÁËÊÔ£¬Èç¹ûÈý¸öÂÌÉ«divˮƽÅÅÁеĻ°£¬middleµÄ¸ß¶È¾Í²»ÄÜ×Ô¶¯ÊÊÓ¦£¬±ØÐëÖƶ¨¸ß¶È¡£ÎÒ°Ñ3¸öÂÌÉ«divÔÝÊ ......

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Ñùʽ¼Ç¼

margin-bottom:8px;ÉèÖöÔÏóϱ߾àµÄ¸ß¶È
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨positionÊôÐÔΪabsolute¡£
padding-top:10px;ÓëÉÏÒ»¸ö±êÇ©µÄ¾àÀë
padding-left:10px;Óë×ó±ßµÄ¼ä¾à
¼ìË÷»òÉèÖöÔÏ󶥱ߵIJ¹¶¡±ß¾à¡£
ÄÚÁª¶ÔÏóҪʹÓøÃÊôÐÔ£¬±ØÐëÏÈÉ趨¶ÔÏóµÄheight»òwidthÊôÐÔ£¬»òÕßÉ趨pos ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ