ï»??xml version="1.0" encoding="utf-8" standalone="yes"?>国产亚洲精品成人av久久ww,日韩精品一区二区三区,色婷婷久久久亚洲一区二区三区
http://www.aygfsteel.com/balajinima/category/26963.htmlzh-cnTue, 25 Dec 2007 23:22:45 GMTTue, 25 Dec 2007 23:22:45 GMT60- 25æ¡CSS制作¾|‘页¾~–写的æé†’办®æŠ€å·§æ•´ç?/title><link>http://www.aygfsteel.com/balajinima/articles/170332.html</link><dc:creator>æŽäº‘æ³?/dc:creator><author>æŽäº‘æ³?/author><pubDate>Tue, 25 Dec 2007 07:38:00 GMT</pubDate><guid>http://www.aygfsteel.com/balajinima/articles/170332.html</guid><wfw:comment>http://www.aygfsteel.com/balajinima/comments/170332.html</wfw:comment><comments>http://www.aygfsteel.com/balajinima/articles/170332.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/balajinima/comments/commentRss/170332.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/balajinima/services/trackbacks/170332.html</trackback:ping><description><![CDATA[
<p>1ã€ulæ ‡ç¾åœ¨Mozillaä¸é»˜è®¤æ˜¯æœ‰padding值的åQŒè€Œåœ¨IEä¸åªæœ‰margin有倹{€?/p>
<p>2ã€åŒä¸€ä¸ªçš„class选择½W¦å¯ä»¥åœ¨ä¸€ä¸ªæ–‡æ¡£ä¸é‡å¤å‡ºçްåQŒè€Œid选择½W¦å´åªèƒ½å‡ºçް䏀‹Æ¡ï¼›å¯¹ä¸€ä¸ªæ ‡½{‘֌时ä‹É用classå’Œid˜q›è¡ŒCSS定义åQŒå¦‚果定义有é‡å¤åQŒid选择½W¦åšçš„å®šä¹‰æœ‰æ•ˆï¼Œæ˜¯å› ä¸ºIDçš„æƒå€ÆD¦æ¯”CLASS大ã€?/p>
<p>3ã€ä¸€ä¸ªå…¼å®ÒŽ€§è°ƒæ•?IEå’ŒMozilla)的笨办法åQ?br />åˆå¦å¯èƒ½ä¼šç¢°åˆ°è¿™æ ·ä¸€ä¸ªæƒ…å†µï¼šåŒæ ·ä¸€ä¸ªæ ‡½{„¡š„属性在IE讄¡½®æˆA昄¡¤ºæ˜¯æ£å¸¸çš„åQŒè€Œåœ¨Mozilla里必™å»è¦è®¾æˆBæ‰èƒ½æ£å¸¸æ˜„¡¤ºåQŒæˆ–者两个倒过æ¥ã€?br />临时解决æ–ÒŽ³•åQ?font color="#0000ff">选择½W¦{属性å:B !important;属性å:A}</font></p>
<p>4ã€å¦‚果一¾l„è¦åµŒå¥—çš„æ ‡½{¾ä¹‹é—´éœ€è¦äº›é—´è·çš„è¯åQŒé‚£ž®Þq•™¾l™ä½äºŽé‡Œé¢çš„æ ‡ç¾çš„margin属性å§åQŒè€Œä¸è¦åŽ»å®šä¹‰ä½äºŽå¤–é¢çš„æ ‡½{„¡š„padding</p>
<p>5ã€liæ ‡ç¾å‰é¢çš„å›¾æ ‡æŽ¨èä‹Éç”?font color="#0000ff">background-image</font>åQŒè€Œä¸æ˜¯list-style-imageã€?/p>
<p>6ã€IEåˆ†ä¸æ¸…ç‘ô承关¾pÕd’Œçˆ¶å关系的差别,全部都是¾l§æ‰¿å…³ç³»ã€?/p>
<p>7ã€åœ¨¾l™ä½ çš„æ ‡½{„¡–¯ç‹‚åŠ é€‰æ‹©½W¦çš„æ—¶å€™ï¼Œåˆ«å¿˜äº†åœ¨CSS里给选择½W¦åŠ ä¸Šæ³¨é‡Šã€?½{‰ä½ 以åŽä¿®æ”¹ä½ çš„CSS的时候就知é“ä¸ÞZ»€ä¹ˆè¦˜q™ä¹ˆåšäº†ã€?/p>
<p>8ã€å¦‚æžœä½ ¾l™ä¸€ä¸ªæ ‡½{¾è®¾¾|®äº†ä¸€ä¸ªæ·±è‰²è°ƒçš„èƒŒæ™¯å›¾ç‰‡å’Œäº®è‰²è°ƒçš„æ–‡å—æ•ˆæžœã€‚å¾è®®è¿™ä¸ªæ—¶å€™ç»™ä½ çš„æ ‡ç¾å†è®¾¾|®ä¸€ä¸ªæ·±è‰²è°ƒçš„背景颜艌Ӏ?/p>
<p>
</p>
<p>9ã€å®šä¹‰é“¾æŽ¥çš„å››ç§çжæ€è¦æ³¨æ„先厙åºåº:<font color="#0000ff"> Link Visited Hover Active</font></p>
<p>10ã€ä¸Žå†…å®¹æ— å…³çš„å›¾ç‰‡è¯·ä½¿ç”¨background</p>
<p>11ã€å®šä¹‰é¢œè‰²å¯ä»¥ç¾ƒå†?font color="#0000ff">#8899FF=#89F</font></p>
<p>12ã€table在æŸäº›æ–¹é¢æ¯”å…¶å®ƒæ ‡ç¾è¡¨çŽ°çš„è¦å¥½çš„多。请在需è¦åˆ—寚w½çš„地方用它ã€?/p>
<p>13ã€?lt;script>没有language˜q™ä¸ªå±žæ€§ï¼Œåº”该写战q™æ ·:<br /><font color="#0000ff"><script type=â€text/javascriptâ€?gt;</font></p>
<p>14ã€æ ‡é¢˜æ˜¯æ ‡é¢˜åQŒæ ‡é¢˜çš„æ–‡å—æ˜¯æ ‡é¢˜çš„æ–‡å—ã€‚æœ‰æ—¶å€™æ ‡é¢˜ä¸ä¸€å®šéœ€è¦æ˜¾½Cºæ–‡å—,所ä»?<h1>æ ‡é¢˜å†…å®¹</h1> æ”ÒŽˆ <h1><span>æ ‡é¢˜å†…å®¹</span></h1></p>
<p>15ã€å®Œ¾ŸŽçš„å•è±¡ç´ å¤–æ¡†çº¿è¡¨æ ¼åQˆåœ¨IE5ã€IE6ã€IE7åŠFF1.0.4以上ä¸å‡å¯é€šè¿‡‹¹‹è¯•åQ?br /><font color="#0000ff">table{border-collapse:collapse;}<br />td{border:#000 solid 1px;}</font></p>
<p>16ã€marginå–负值å¯ä»¥åœ¨æ ‡ç¾ä½¿ç”¨¾l对定ä½çš„æ—¶å€™è“v到相对定ä½çš„作用åQŒåœ¨™åµé¢å±…䏿˜„¡¤ºæ—Óž¼Œä½¿ç”¨¾l对定ä½çš„层ä¸é€‚åˆä½¿ç”¨left:XXpx˜q™ä¸ªå±žæ€§ã€‚把˜q™ä¸ªå±‚放åˆîC¸€ä¸ªè¦ç›¸å¯¹å®šä½çš„æ ‡½{¾æ—åQŒç„¶åŽä‹É用margin的负值是个好æ–ÒŽ³•ã€?/p>
<p>17ã€ç»å¯¹å®šä½æ—¶ä½¿ç”¨margin值定ä½å¯ä»¥è¾¾åˆ°ç›¸å¯¹äºŽæœ¬èín所在佾|®çš„定,˜q™ä¸ŽtopåQŒleft½{‰å±žæ€§ç›¸å¯¹ä¸Ž½H—å£è¾¹ç¼˜çš„定ä½ä¸åŒã€‚ç»å¯¹å®šä½çš„优势在于å¯ä»¥è®©å…¶å®ƒå…ƒç´ 忽略它的å˜åœ¨ã€?/p>
<p>18ã€å¦‚果文å—过é•?则将˜q‡é•¿çš„éƒ¨åˆ†å˜æˆçœç•¥å·æ˜„¡¤ºåQšIE5,FFæ— æ•ˆåQŒä½†å¯ä»¥éšè—åQŒIE6有效<br /><font color="#0000ff"><DIV STYLE=â€width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsisâ€?gt;<br /><NOBR>ž®±æ˜¯æ¯”如有一行文å—,很长åQŒè¡¨æ ¼å†…一行显½CÞZ¸ä¸?</NOBR></font></p>
<p>19ã€åœ¨IEä¸å¯èƒ½ç”±äºŽæ³¨é‡Šå¸¦æ¥çš„æ–‡å—é‡å¤é—®é¢˜æ—¶å¯ä»¥æŠŠæ³¨é‡Šæ”¹äØ“åQ?br /><font color="#0000ff"><!–[if !IE]>Put your commentary in hereâ€?lt;![endif]â€?gt;</font></p>
<p>20ã€å¦‚何用CSS调用外部å—体<br />è¯æ³•åQ?br /><font color="#0000ff">@font-face{font-family:name;src:url(url);sRules}</font>å–å€û|¼š<br />nameåQšå—体å¿U°ã€‚ä“Q何å¯èƒ½çš„ font-family 属性的å€?br />url(url)åQšä‹É用ç»å¯ÒŽˆ–相对 url åœ°å€æŒ‡å®šOpenTypeå—体文äšg<br />sRulesåQšæ ·å¼è¡¨å®šä¹‰</p>
<p>21ã€å¦‚何让一个表å•ä¸çš„æ–‡æœ¬æ¡†ä¸çš„æ–‡å—垂直居ä¸åQ?br />如果用行高与高度的组在FF䏿˜¯æ²¡æœ‰æ•ˆæžœçš„,办法ž®±æ˜¯å®šä¹‰ä¸Šä¸‹è¡¥ç™½ž®±å¯ä»¥å®žçŽ°æƒ³æƒ³çš„æ•ˆæžœäº†ã€?/p>
<p>22ã€å®šä¹‰Aæ ‡ç¾è¦æ³¨æ„çš„ž®é—®é¢˜ï¼š<br />当我们定义a{color:red;}æ—Óž¼Œå®ƒä»£è¡¨äº†A的四¿U状æ€çš„æ ·å¼åQŒå¦‚æžœæ¤æ—¶è¦å®šä¹‰ä¸€ä¸ªé¼ æ ‡æ”¾ä¸Šçš„çŠ¶æ€åªè¦å®šä¹‰a:hoverž®±å¯ä»¥äº†åQŒå…¶å®ƒä¸‰¿U状æ€å°±æ˜¯A䏿‰€å®šä¹‰çš„æ ·å¼ã€?br />åªå®šä¹‰äº†ä¸€ä¸ªa:linkæ—Óž¼Œä¸€å®šè¦è®°å¾—把其它三¿U状æ€å®šä¹‰å‡ºæ¥ï¼</p>
<p>23ã€åÆˆä¸æ˜¯æ‰€æœ‰æ ·å¼éƒ½è¦ç®€å†™ï¼š<br />å½“æ ·å¼è¡¨å‰å®šä¹‰äº†å¦‚p{padding:1px 2px 3px 4px}æ—Óž¼Œåœ¨å޾lå·¥½E‹ä¸åˆå¢žåŠ äº†ä¸€ä¸ªæ ·å¼ä¸Šè¡¥ç™½5pxåQŒä¸‹è¡¥ç™½6pxã€‚æˆ‘ä»¬åÆˆä¸ä¸€å®šè¦å†™æˆp.style1{padding:5px 6px 3px 4px}。å¯ä»¥å†™æˆ?font color="#0000ff">p.style1{padding-top:5px;padding-right:6px;},</font>ä½ å¯èƒ½ä¼šæ„Ÿè§‰˜q™æ ·å†™è¿˜ä¸å¦‚原æ¥é‚£æ ·å¥½ï¼Œä½†ä½ æƒÏx²¡æƒŒ™¿‡åQŒä½ 的那¿U写法é‡å¤å®šä¹‰äº†æ ·å¼åQŒå¦å¤–ä½ å¯ä»¥ä¸å¿…åŽÀL‰¾åŽŸæ¥çš„下补白与左补白的值是多少åQ如果以åŽå‰ä¸€ä¸ªæ ·å¼På˜äº†è¯ï¼Œä½ 定义的p.style1çš„æ ·å¼ä¹Ÿè¦å˜ã€?/p>
<p>24ã€ç½‘站越大,CSSæ ·å¼‘Šå¤šåQŒå¼€å§‹åšå‰ï¼Œè¯·åšå¥½å……分的准备和ç–划,包括命å规则。页é¢åŒºå—åˆ’åˆ†ï¼Œå†…éƒ¨æ ·å¼åˆ†ç±»½{‰ã€?/p>
<p>25ã€å‡ 个常用到的CSSæ ·å¼åQ?br />1åQ‰ä¸æ–‡å—两端寚w½åQ?font color="#0000ff">text-align:justify;text-justify:inter-ideograph;</font></p>
<p>2åQ‰å›ºå®šå®½åº¦æ±‰å—截æ–:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(ä¸è¿‡åªèƒ½å¤„ç†æ–‡å—在一行上的截æ–,ä¸èƒ½å¤„ç†å¤šè¡Œã€?åQˆIE5以上åQ‰FFä¸èƒ½åQŒå®ƒåªéšè—ã€?/p>
<p>3åQ‰å›ºå®šå®½åº¦æ±‰å—(è¯ï¼‰æŠ˜è¡ŒåQ?font color="#0000ff">table-layout:fixed; word-break:break-all;</font>åQˆIE5以上åQ‰FFä¸èƒ½ã€?/p>
<p>4åQ?lt;acronym title=â€è¾“å…¥è¦æç¤ºçš„æ–‡å—â€?style=â€cursor:help;â€?gt;æ–‡å—</acronym>ç”¨é¼ æ ‡æ”¾åœ¨å‰é¢çš„æ–‡å—上看效果。这个效果在国外的很多网站都å¯ä»¥çœ‹åˆ°åQŒè€Œå›½å†…çš„ž®‘刞®‘ã€?/p>
<p>5åQ‰å›¾ç‰‡è®¾ä¸ºåŠé€æ˜ŽåQ?font color="#0000ff">.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}</font>在IE6åŠIE5‹¹‹è¯•通过åQŒFF未通过åQŒè¿™æ˜¯å› 䏸™¿™ä¸ªæ ·å¼æ˜¯IE¿U有的东西;</p>
<p>6åQ‰FLASH逿˜ŽåQšé€‰ä¸swf,打开原代ç 窗å£ï¼Œåœ?lt;/object>å‰è¾“å…?font color="#0000ff"><param name=â€wmodeâ€?value=â€transparentâ€?gt;</font> 以上是针对IE的代ç ã€?br />针对FIREFOX ¾l?lt;embed> æ ‡ç¾ä¹Ÿå¢žåŠ ç±»ä¼¼å‚æ•?font color="#0000ff">wmode=â€transparentâ€?/font></p>
<p>7åQ‰åœ¨åšç½‘™å‰|—¶å¸¸ç”¨åˆ°æŠŠé¼ æ ‡æ”‘Öœ¨å›„¡‰‡ä¸Šä¼šå‡ºçް囄¡‰‡å˜äº®çš„æ•ˆæžœï¼Œå¯ä»¥ç”¨å›¾ç‰‡æ›¿æ¢çš„æŠ€å·§ï¼Œä¹Ÿå¯ä»¥ç”¨å¦‚下的æ×o镜:<br /><font color="#0000ff">.pictures img {<br />filter: alpha(opacity=45); }<br />.pictures a:hover img {<br />filter: alpha(opacity=90); }</font></p>
<img src ="http://www.aygfsteel.com/balajinima/aggbug/170332.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/balajinima/" target="_blank">æŽäº‘æ³?/a> 2007-12-25 15:38 <a href="http://www.aygfsteel.com/balajinima/articles/170332.html#Feedback" target="_blank" style="text-decoration:none;">å‘表评论</a></div>]]></description></item><item><title>漂亮的æ½CÞZ¿¡æ¯ï¼ˆå¸¦ç®å¤ß_¼‰http://www.aygfsteel.com/balajinima/articles/167234.htmlæŽäº‘æ³?/dc:creator>æŽäº‘æ³?/author>Wed, 12 Dec 2007 06:53:00 GMThttp://www.aygfsteel.com/balajinima/articles/167234.htmlhttp://www.aygfsteel.com/balajinima/comments/167234.htmlhttp://www.aygfsteel.com/balajinima/articles/167234.html#Feedback0http://www.aygfsteel.com/balajinima/comments/commentRss/167234.htmlhttp://www.aygfsteel.com/balajinima/services/trackbacks/167234.html.tableBorder7{width:800;solid; background-color: #000000;}
TD{font-family: 宋体;font-size: 12px;line-height : 15px ;}
th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;}
th.th1{background-color: #333333;}
td.TableBody7{background-color: #B1EA45;}
</style>
<script language="JavaScript">
//more javascript from http://www.51it.org
<!--
var pltsPop=null;
var pltsoffsetX = 10;  // 弹出½H—å£ä½äºŽé¼ æ ‡å·¦ä¾§æˆ–è€…å³ä¾§çš„è·ç¦»åQ?-12 åˆé€?br />var pltsoffsetY = 15; // 弹出½H—å£ä½äºŽé¼ æ ‡ä¸‹æ–¹çš„è·¼›»ï¼›3-12 åˆé€?br />var pltsPopbg="#FFFFEE"; //背景è‰?br />var pltsPopfg="#111111"; //剿™¯è‰?br />var pltsTitle="";
document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>');
function pltsinits()
{
   document.onmouseover  = plts;
   document.onmousemove = moveToMouseLoc;
}
function plts()
{Â var o=event.srcElement;
   if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
   if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
   pltsPop=o.dypop;
   if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
   {
      pltsTipLayer.style.left=-1000;
      pltsTipLayer.style.display='';
      var Msg=pltsPop.replace(/\n/g,"<br>");
      Msg=Msg.replace(/\0x13/g,"<br>");
      var re=/\{(.[^\{]*)\}/ig;
      if(!re.test(Msg))pltsTitle="<font color=#ffffff>½Ž€ä»?lt;/font>";
      else{
        re=/\{(.[^\{]*)\}(.*)/ig;
          pltsTitle=Msg.replace(re,"$1")+" ";
        re=/\{(.[^\{]*)\}/ig;
        Msg=Msg.replace(re,"");
        Msg=Msg.replace("<br>","");}
        //var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
             var content =
            '<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=tableBorder7 cellspacing="1" cellpadding="0" style="width:100%">'+
            '<tr id=pltsPoptop ><th height=18 valign=bottom class=th1 ><b><p id=topleft align=left><font color=#ffffff>�lt;/font>'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>�lt;/font></b></th></tr>'+
            '<tr><td "+attr+" class=tablebody7 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
            '<tr id=pltsPopbot style="display:none"><th height=18 valign=bottom class=th1><b><p id=botleft align=left><font color=#ffffff>�lt;/font>'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>�lt;/font></b></th></tr>'+
            '</table></td></tr></table>';
             pltsTipLayer.innerHTML=content;
             toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
             moveToMouseLoc();
             return true;
      }
   else
   {
          pltsTipLayer.innerHTML='';
            pltsTipLayer.style.display='none';
             return true;
   }
}
function moveToMouseLoc()
{
      if(pltsTipLayer.innerHTML=='')return true;
      var MouseX=event.x;
      var MouseY=event.y;
      //window.status=event.y;
      var popHeight=pltsTipLayer.clientHeight;
      var popWidth=pltsTipLayer.clientWidth;
      if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight)
      {
               popTopAdjust=-popHeight-pltsoffsetY*1.5;
               pltsPoptop.style.display="none";
               pltsPopbot.style.display="";
      }
       else
      {
                popTopAdjust=0;
               pltsPoptop.style.display="";
               pltsPopbot.style.display="none";
      }
      if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
      {
             popLeftAdjust=-popWidth-pltsoffsetX*2;
             topleft.style.display="none";
             botleft.style.display="none";
             topright.style.display="";
             botright.style.display="";
      }
      else
      {
             popLeftAdjust=0;
             topleft.style.display="";
             botleft.style.display="";
             topright.style.display="none";
             botright.style.display="none";
      }
      pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
      pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
        return true;
}
pltsinits();
//-->
</script>
</HEAD>
<BODY>
<div title="醉别西楼醒ä¸è®ŽÍ¼Œæ˜¥æ¢¦¿U‹äº‘åQŒèšæ•£çœŸå®ÒŽ˜“ã€?lt;br>斜月åŠçª—˜q˜å°‘ç¡ã€‚ç”»å±é—²å±•å´å±Þq¿ ã€?lt;br>衣上酒痕诗里å—,点点行行åQŒæ€ÀL˜¯å‡„凉æ„ã€?lt;br>¾U¢çƒ›è‡ªæ€œæ— 好计åQŒå¤œå¯’空替äh垂泪ã€?>è¶æ‹èŠ?lt;/div>
</BODY>
</HTML>
]]>
Ö÷Õ¾Ö©Öë³ØÄ£°å£º
Èð°²ÊÐ|
ÇàÆÖÇø|
½·áÊÐ|
ʯÆÁÏØ|
»ÆæèÊÐ|
½¶ÁëÏØ|
äÒÔ´ÏØ|
ÂúÖÞÀïÊÐ|
ÃñÀÖÏØ|
ËÕÄáÌØ×óÆì|
¹¤²¼½´ïÏØ|
¶õÍпËǰÆì|
±¦ÇåÏØ|
»³Ô¶ÏØ|
¹ãµÂÏØ|
°²ÔóÏØ|
´ó³§|
ÅìºþÏØ|
ÁèÔÆÏØ|
ºâÑôÏØ|
·À³Ç¸ÛÊÐ|
¶´Í·ÏØ|
·ïÉ½ÏØ|
ÎåÁ«ÏØ|
ÄÏÖ£ÏØ|
¾Ą̊ÊÐ|
ºÍÕþÏØ|
Í©°ØÏØ|
ÓÀÈÊÏØ|
ÎýÁÖºÆÌØÊÐ|
Çà´¨ÏØ|
ÒÁ½ð»ôÂåÆì|
½ðÌÃÏØ|
¶«¸ÛÊÐ|
¾ÞÒ°ÏØ|
»³»¯ÊÐ|
ËìÆ½ÏØ|
Â«ÏªÏØ|
Î÷²ýÊÐ|
»ÔÏØÊÐ|
ÅíÔóÏØ|