??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 GMT6025条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和idq行CSS定义Q如果定义有重复Qid选择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那ql位于里面的标签的margin属性吧Q而不要去定义位于外面的标{padding</p> <p>5、li标签前面的图标推荐?font color="#0000ff">background-image</font>Q而不是list-style-image?/p> <p>6、IE分不清承关pd父子关系的差别，全部都是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>没有languageq个属性，应该写成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:XXpxq个属性。把q个层放C个要相对定位的标{旁Q然后用margin的负值是个好Ҏ?/p> <p>17、绝对定位时使用margin值定位可以达到相对于本n所在位|的定，q与topQleft{属性相对与H口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在?/p> <p>18、如果文字过?则将q长的部分变成省略号昄QIE5,FF无效Q但可以隐藏QIE6有效<br /><font color="#0000ff"><DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis?gt;<br /><NOBR>是比如有一行文字，很长Q表格内一行显CZ?</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 />nameQ字体名U。Q何可能的 font-family 属性的?br />url(url)Q用绝Ҏ相对 url 地址指定OpenType字体文g<br />sRulesQ样式表定义</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中又增加了一个样式上补白5pxQ下补白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 />1Q中文字两端寚wQ?font color="#0000ff">text-align:justify;text-justify:inter-ideograph;</font></p> <p>2Q固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行?QIE5以上QFF不能Q它只隐藏?/p> <p>3Q固定宽度汉字（词）折行Q?font color="#0000ff">table-layout:fixed; word-break:break-all;</font>QIE5以上QFF不能?/p> <p>4Q?lt;acronym title=”输入要提示的文字?style=”cursor:help;?gt;文字</acronym>用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到Q而国内的又?/p> <p>5Q图片设为半透明Q?font color="#0000ff">.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}</font>在IE6及IE5试通过QFF未通过Q这是因个样式是IEU有的东西；</p> <p>6QFLASH透明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>7Q在做网|常用到把鼠标攑֜囄上会出现囄变亮的效果，可以用图片替换的技巧，也可以用如下的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>漂亮的提CZ息（带箭_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>衣上酒痕诗里字，点点行行QL凄凉意?lt;br>U烛自怜无好计Q夜寒空替h垂泪?>蝶恋?lt;/div>
</BODY>
</HTML>

]]> վ֩ģ壺 ̩| ǹ| | ľ| ƽ| ̩| ɽ| | ɳ| Ͽ| Ӫ| | ϻ| | ̨| ³ƶ| | ij| ֽ| ܿ| Ҵ| ʩ| | | | ʡ| | | | Ϫ| | ¡| | | | Ʊ| Ͱ| ͨ| | | ϰ|