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

CSS´¦Àíб½Çµ¼º½ÌõµÄÒ»¸öÀý×Ó [Ô´Âë].txt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>www.zishu.cn</title>
<style>
/*È«¾Ö´¦ÀíÒ»ÏÂ*/
ul{margin:0 0 0 50px;font-size:12px;}
/*tab »ù´¡CSSÔ­ÐÎ ¿ÉÀ©Õ¹*/
.tab li{display:inline;}
.tab a{background: url(http://www.zishu.cn/attachments/month_0708/u2007823223236.gif) no-repeat;} 
.tab a:link,.tab a:visited{float:left;background-position:right -226px;text-decoration: none; margin-left:-20px; padding-right:30px;}
.tab a:link span,.tab a:visited span{display:block;background: url(http://www.zishu.cn/attachments/month_0708/u2007823223236.gif) no-repeat left top;padding:5px 15px 2px 15px; color:#000}  
.tab a:hover,.tab a:active{background-position:right -264px;}
.tab a:hover span,.tab a:active span{background-position:left -38px;} 
.tab .on a:link,.tab .on a:visited{background-position:right -302px;}
.tab .on a span,.tab .on a:link span,.tab .on a:visited span{background: url(http://www.zishu.cn/attachments/month_0708/u2007823223236.gif) no-repeat left -77px;;color:#000; font-weight:bold}
/*ÓÐÁËÔ­Ðκ󣬿ÉÒÔ¿ØÖÆËûµÄÆäËüÑù×Ó£¬ÀýÈ磬ÏÔʾ´óÒ»µãµÄ£¬Ö»Òª¶à¼ÓÕâÒ»ÐоÍÐÐÁË*/
.big li{line-height:2.0; font-size:14px;}
/*ÕâÃûûÓÐʲôÓÃ*/
.info{ border:1px solid #FF9900; clear:both; font-size:12px; padding:10px;}
</style>
</head>
<body>
  <ul class="tab">
    <li class="on"><a href="http://www.kijiji.cn" target="_blank"><span>Ê× Ò³</span></a></li>
    <li ><a href="http://www.kijiji.cn/fabu" target="_blank"><span>·¢²¼ÐÅÏ¢</span></a></li>
    <li ><a href="http://www.kijiji.cn/wo" target="_blank"><span>ÎҵĿÍÆ뼯</span></a


Ïà¹ØÎĵµ£º

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


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

CSSµÄÊ®°Ë°ã¼¼ÇÉ

·­Ò룺°¢½Ý
Ô­ÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû Ô­Îijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔ­Ãû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·­ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......

CSS×î¼Ñʵ¼ù 1

ÕâÊDZ¾ÈËѧϰCSSµÃһЩÐĵ㬾õµÃºÜÓÐÓã¬Ï£Íû¶Ô´ó¼ÒÒ²ÓÐËù°ïÖú¡£
1. ÈçºÎдCSSÓѺõÄHTML.
´ó¼ÒÖªµÀÒªÊÇ×Ô¼ºµÄÒ³Ãæ¼æÈݲ»Í¬³§ÉÌ£¬²»Í¬°æ±¾µÄä¯ÀÀÆ÷¼òÖ±¾ÍÊÇÒ»³¡Ø¬ÃΡ£Ò»·½ÃæÊÇÒòΪ²»Í¬ä¯ÀÀÆ÷µÄ²îÒìÐÔ£¬»¹ÓиüÖØÒªµÄÊÇÎÒÃÇ×Ô¼ºÐ´
µÄHTML²»¹æ·¶¡£ÎÒ¾õµÃÿ¸öHTMl±êÇ©¶¼ÓÐËüµÄÌض¨µÄÓÃ;£¬ÓÐËüµÄÊéд¹æ·¶£¬ÎÒÃDZØÐë×ñÊØÕâЩ ......

cssʵÏÖ½¥±äЧ¹û

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDIN ......

50¿îcss¹¤¾ß

50¿îcss¹¤¾ß
Òý×Ô:http://bbs.seuuo.com/thread-2613-1-3.html
50¿îCSS¹¤¾ß£¬°üº¬£¬CSSÍø¸ñºÍ²¼¾Ö¹¤¾ß£¬CSS ÓÅ»¯¹¤¾ß£¬CSS ²Ëµ¥Éú³É¹¤¾ß£¬CSS °´Å¥Éú³ÉÆ÷£¬CSS Ô²½ÇÉú³ÉÆ÷£¬CSS ¿ò¼Ü£¬CSS SpritesÉú³ÉÆ÷£¬CSS ÅŰ湤¾ßÒÔ¼° CSS ±íµ¥Éú³ÉÆ÷¡£
Íø¸ñºÍ²¼¾ÖThe 1KB CSS Grid
ÐÂÓ±µÄ CSS Íø¸ñ¹¤¾ß£¬¿ÉÓÃÓÚ¼ò»¯ÄÚÈݹÜÀíϵͳµÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ