cssÎļþ¼Ð½á¹¹Çë½Ì¡£ - Web ¿ª·¢ / HTML(CSS)
cssÎļþ¼Ð½á¹¹Çë½Ì¡£
´ó¼Ò¶¼Ôõô·ÅÖÃcssÎļþµÄ£¿
Çó¸ßÊÖ´«ÊÚ¾Ñé¡£
ÁíÍâÈç¹û²»ÊÇcss±³¾°µÄ£¬¶øÊÇhtml ÖеÄ<img>Îļþ£¬Ó¦¸Ã·ÅÄÄÀ
½¨Á¢Ò»¸öÎļþ¼Ð רÃÅ·Å cssÎļþ
½¨Á¢Ò»¸ö imagesÎļþ¼Ð רÃÅ·Å <img/>µ¼ÈëͼƬºÍ cssËùÓõı³¾°Í¼
ͼƬ¶¼·ÅÀàËÆimagesµÄÎļþ¼ÐÀï ²»½¨Òé·ÅcssÎļþ¼Ð¡£
ÄãÒ²¿ÉÒÔ°ÑÒ³ÃæÉÏËùÓÐͼƬŨËõÔÚÒ»ÕÅͼƬÉÏ£¬ËÑËÑcss sprite¾ÍÃ÷°×ÁË¡£
ͼƬ½¨Òé·ÅÔÚͼƬÎļþ¼ÐµÄºÃЩµÄ£¬ ÕâÑùµÄ»°¸üʹµÃ¼òµ¥¶øÇÒÃ÷ÁË£¬µ«²»Í¬µÄ¾ÍÊÇÓв»Í¬µÄÌصã..ÎұȽÏÇãÏòÓڽṹһµÃÎļþ¼Ðģʽ£¬ÔڽṹһÖÐÎļþ¼Ð·ÅµÄ»°±È½ÏÇåÎú£¬¶øÇÒ²»ÊǺܷ±Ëö£¬¼òµ¥Ò×ά»¤¡£µ«½á¹¹¶þÖÐÊý¾ÝÁ¿´ó£¬·ÖµÄ½Ðϸ£¬µ«Ã»ÓпÉά»¤ÐÔÉÏÒª¸´ÔÓЩ//
res[×ÊԴĿ¼]
----------js[½Å±¾Ä¿Â¼]
----------css[cssĿ¼]
--------------img[cssÒýÓõÄͼƬĿ¼]
--------------xxx1.css[cssÎļþ]
--------------xxx2.css[cssÎļþ]
----------img[Õ¾µã·ÇcssºÍ¶¯Ì¬Í¼Æ¬Ä¿Â¼]
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
°Ñ¾ßÓй²Í¬ÑùʽµÄдµ½Ò»ÆðÁË ºÃά»¤
ÖмäÎÞ¶ººÅ£¬ÊôÓÚÑùʽǶÌ×
ÑùʽµÄ¹²Í¬µÄµØ·½Ð´ÔÚÒ»Æ𣬿ÉÒÔÊ¡µô²»±ØÒªµÄ´úÂëÐÐ~
Õâ¸ö¾ÍÊÇ´úÂë ......
ÓÃcssËõд ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHT ......
ÎÒÕâÑùд¾ÍûÎÊÌâ
#cp1 img{magin:5px;}
#cp2 img{magin:5px;}
#cp3 img{magin:5px;}
ÎÒÏ뾫¼ò´úÂ룬ÓÃÏÂÃæµÄд·¨£¬¾Í³ö´íÁË£¬ÊDz»ÊÇÓï·¨ÓÐÎÊÌ⣿
#cp1,#cp2,#cp3 img{magin:5px;}
ÊÇÓï·¨ÓÐÎÊÌ⣬ÄãµÄд·¨Ïà ......