??xml version="1.0" encoding="utf-8" standalone="yes"?>欧美精品一区二区久久久,av成人综合网,国产精品免费在线播放http://www.aygfsteel.com/Todd/category/44408.html点墨三两?/description>zh-cnWed, 13 Apr 2011 19:14:31 GMTWed, 13 Apr 2011 19:14:31 GMT60[转]深入理解css中的position定位和z-index属?/title><link>http://www.aygfsteel.com/Todd/archive/2010/09/13/331917.html</link><dc:creator>Todd</dc:creator><author>Todd</author><pubDate>Mon, 13 Sep 2010 10:14:00 GMT</pubDate><guid>http://www.aygfsteel.com/Todd/archive/2010/09/13/331917.html</guid><wfw:comment>http://www.aygfsteel.com/Todd/comments/331917.html</wfw:comment><comments>http://www.aygfsteel.com/Todd/archive/2010/09/13/331917.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/Todd/comments/commentRss/331917.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/Todd/services/trackbacks/331917.html</trackback:ping><description><![CDATA[׃qx不太用到Q所以过dcss的时候对于position属性的absolute?relative值理解比较模p,对于z-index的层叠更是摸不着头脑Q除了理解的因素外,各个览器的不同解析l果也是一个大问题。今天仔l阅M一下css文档Qȝ是对盒模型的动、定位有了比较深ȝ理解?br /><br />我们在实践中很有可能遇到q样的问题:<br />1、做一个横向导航,然后鼠标l过之后出现下拉菜单Q那么这个下拉菜单的位置控制是一个关键;<br />2、我们想在一个正常的面布局中放入几个Q在页面上的气泡提C,q时既不惌气提示破坏正常的文档布局Q又不想气提示的定位在不同的浏览器中到处ؕ飘?br />3、当我们在一句正常的文本中插入一个小图标的话Q一般会使用<img />标签Q而这时它的垂直居中问题又是让人困惑,无论你用html属性absmiddle、或是用css属性vertical-align、抑或是使用父对象的heigh + line-heightQ在不同的浏览器中M看v来不同?br /><br />嗯,上面几个问题你是否也遇到q呢Q如果你至今q没有一个很好的解决办法Q不妨l阅L文,或许能对你有所帮助Q)<br /><br />我们先看一下position属性的几个取值定义:<br /><strong>position: static、absolute、relative<br /></strong><br /><strong>static</strong> : 默认倹{如果没有指定position属性,支持position属性的html对象都是默认为staticQ可以这么理解:把html面看作一个文档流Q源代码中各个标{先后位置是它们所对应的对象的呈现ơ序Q所有取gؓstatic的对象都按照你所~写的html标签的顺序依ơ呈现?br />如下图所C,q是一个常见的指定了float:left;的横向导航:<br /><img height="42" alt="" src="http://www.2ky.cn/uploads/allimg/090507/16343964X-0.gif" width="337" border="0" /><br /><br /><strong>relative</strong>: 相对定位。这个属性g持对象所在文档流中的位置Q也是说它h和static相同的呈现方式,它同样占有在文档中的固定位|,后面的对象不会R占或覆盖Q与static属性g同的是,讄了relative的对象,可以通过top, left, right, bottom属性设定自q新显CZ|,q?个属性的取值是相对于文档流的前一个对象的Q你可以自由讄q?个属性偏Ud新的位置而不Ҏ档流中的其他对象产生M影响Q原来的面呈现仍然会我行我素:<br /><img height="64" alt="" src="http://www.2ky.cn/uploads/allimg/090507/16343930D-1.gif" width="335" border="0" /> <br /><br /><strong>absolute</strong>: l对定位。和relative不同的是Q这个属性g当前对象拖出文档流Q后面的对象会占有原来的位置Q也是_当前对象的呈现是独立昄的,但是它的位置在指定top, left, right, bottomM属性之前仍是有l承性的Q这时的4个属性的取值是相对于浏览器的,和文档流无关了。如果把CZ中的B区域讑֮为absolute而不指定 4个位|属性,通过讑֮margin来改变它的相对位|,用这个方法可以解军_面提到的问题2?br /><img height="62" alt="" src="http://www.2ky.cn/uploads/allimg/090507/16343953A-2.gif" width="337" border="0" /> <br /><br />提示a: 苏昱的css2.0手册中提到relative和absolute定位的滚动条区别不是l对的,臛_在firefox、opera和safari中滚动条该出现还是会出现?br /><br />提示b: 属性gؓabsolute对象的z-index属性可以设|层叠显C的ơ序Q它是直接有效的Q?br />而属性gؓrelative对象的z-index属性在讄时要心Q把当前对象的z-index讄?1是不行的Q在firefox中它会无法显C,必须讄?以上Q我们如果想让别的对象挡住它Q只有将其他对象也设|position为relativeQƈz-index属性取一个比它大的值即可?br /><br />上面的表qC知道也许不是很清晎ͼ具体的理解还是要自己亲自动手操作一下?br /><br />q样看来Q前面的问题有解了Q问?我们可以Ҏ设计的要求将其设|ؓ相对或绝对定位;<br />问题1的解x法也有很多,个h推荐使用有语义的dl, dt, dd来实玎ͼ而且q个Ҏ在不同浏览器中的表现基本相同Q已在ie, firefox, opera, safari中测试)Q仅在top的属性上有几像素的差异,׃旉关系我只能给己测试时的代码以供参考:<br /><img height="132" alt="" src="http://www.2ky.cn/uploads/allimg/090507/1634393461-3.gif" width="470" border="0" /> <br /><blockquote><br />body {<br />color:#fff;<br />font-size:12px;<br />}<br />ul li {<br />float:left;<br />height:30px;<br />background-color:#99CC99;<br />margin:0 10px;<br />padding:0;<br />border:1px solid #c30;<br />width:100px;<br />}<br />ul li div {<br />border:1px solid #f00;<br />background-color:#996666;<br />width:100px;<br />height:100px;<br />position:absolute;<br />margin-top:15px;<br />margin-left:-1px;<br />*margin-left:-79px;<br />}<br />ul li dl,<br />ul li dl dt,<br />ul li dl dd {<br />margin:0;<br />padding:0;<br />}<br />ul li dl dd {<br />border:1px solid #f00;<br />background-color:#996666;<br />width:100px;<br />height:100px;<br />position:absolute;<br />margin-top:11px;<br />*margin-top:10px;<br />margin-left:-1px;<br />}<br /><ul><br /><li><br />标题 - #text<br /><div><br />下拉菜单 - div<br /></div><br /></li><br /><li style="position:relative;">列表b</li><br /><li>列表c</li><br /><li><br /><dl><br /><dt>标题 - dt</dt><br /><dd>下拉菜单 - dd</dd><br /></dl><br /></li><br /></ul><br /></blockquote><img src ="http://www.aygfsteel.com/Todd/aggbug/331917.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/Todd/" target="_blank">Todd</a> 2010-09-13 18:14 <a href="http://www.aygfsteel.com/Todd/archive/2010/09/13/331917.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>js date 初始?/title><link>http://www.aygfsteel.com/Todd/archive/2010/06/11/323311.html</link><dc:creator>Todd</dc:creator><author>Todd</author><pubDate>Fri, 11 Jun 2010 01:30:00 GMT</pubDate><guid>http://www.aygfsteel.com/Todd/archive/2010/06/11/323311.html</guid><wfw:comment>http://www.aygfsteel.com/Todd/comments/323311.html</wfw:comment><comments>http://www.aygfsteel.com/Todd/archive/2010/06/11/323311.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/Todd/comments/commentRss/323311.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/Todd/services/trackbacks/323311.html</trackback:ping><description><![CDATA[<p>创徏一个日期对象:<br /> <br /> var objDate=new Date([arguments list]);<br /> <br /> 参数形式? 以下Q种Q?br /> <br />    new Date("month dd,yyyy hh:mm:ss");<br />    new  Date("month dd,yyyy");<br />    new  Date(yyyy,mth,dd,hh,mm,ss);<br />    new Date(yyyy,mth,dd);<br />    new Date(ms);<br /> <br /> 需要注意最后一UŞ式,参数表示的是需要创建的旉? GMT旉1970q??日之间相差的毫秒数。各U函数的含义如下Q?br /> <br /> <font color="#006400">month:用英? 表示月䆾名称Q从January到December<br /> <br /> mth:用整数表C月份,从(Q月Q到Q1Q1Q月Q?br /> <br /> dd:表示一? 月中的第几天Q从1?1<br /> <br /> yyyy:四位数表C的q䆾<br /> <br /> hh:时敎ͼ?Q午夜)?3Q晚11点)<br /> <br /> mm: 分钟敎ͼ??9的整?br /> <br /> ss:U数Q从0?9的整?br /> <br /> ms:毫秒敎ͼ为大于等?的整?/font><br /> <br /> 如:<br /> <br /> new Date("January 12,2006 22:19:35");<br /> <br /> new Date("January 12,2006");<br /> <br /> new Date(2006,0,12,22,19,35);<br /> <br /> new Date(2006,0,12);<br /> <br /> new Date(1137075575000);<br /> <br /> 上面的各U创建Ş式都表示2006 q??2日这一天?br /> <br /> <font color="#a52a2a">从Date 对象中提取信?br /> var objDate=new Date();</font><br /> <br /> objDate.getFullYear() 以四位数字返回年<br /> objDate.getYear()Ҏ览器不同,以两位或者四位数字返回年<br /> objDate.getMonth()<br /> objDate.getDate()<br /> objDate.getDay()<br /> objDate.getHours()<br /> objDate.getMilliseconds().<br />    ..........<br /> </p> <div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: rgb(238, 238, 238);"><span style="color: rgb(0, 0, 255);"><!</span><span style="color: rgb(255, 0, 255);">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">html</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">head</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">title</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"> New Document </span><span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">title</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">meta </span><span style="color: rgb(255, 0, 0);">name</span><span style="color: rgb(0, 0, 255);">="Generator"</span><span style="color: rgb(255, 0, 0);"> content</span><span style="color: rgb(0, 0, 255);">="EditPlus"</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">meta </span><span style="color: rgb(255, 0, 0);">name</span><span style="color: rgb(0, 0, 255);">="Author"</span><span style="color: rgb(255, 0, 0);"> content</span><span style="color: rgb(0, 0, 255);">=""</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">meta </span><span style="color: rgb(255, 0, 0);">name</span><span style="color: rgb(0, 0, 255);">="Keywords"</span><span style="color: rgb(255, 0, 0);"> content</span><span style="color: rgb(0, 0, 255);">=""</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">meta </span><span style="color: rgb(255, 0, 0);">name</span><span style="color: rgb(0, 0, 255);">="Description"</span><span style="color: rgb(255, 0, 0);"> content</span><span style="color: rgb(0, 0, 255);">=""</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">head</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> <br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">script </span><span style="color: rgb(255, 0, 0);">language</span><span style="color: rgb(0, 0, 255);">="JavaScript"</span><span style="color: rgb(255, 0, 0);"> type</span><span style="color: rgb(0, 0, 255);">="text/javascript"</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"><br /> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"><!--</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"><br /> </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">var</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> objDate</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">new</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> Date();</span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">//</span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">创徏 一个日期对象表C当前时?/span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);"><br /> </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">var</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> year</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">objDate.getFullYear();<br /> </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">var</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> month</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">objDate.getMonth()</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">1</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;    </span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">//</span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">getMonth q回的月份是?开始的Q因此要?</span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);"><br /> </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">var</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> date</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">objDate.getDate();<br /> </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">var</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">objDate.getDay();<br /> </span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">//</span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">Ҏ 星期数的索引定其中文表C?/span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);"><br /> </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">switch</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">(day){<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">0</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">1</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期一</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">2</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">3</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">4</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">5</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />     </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">case</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">6</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">:<br />         day</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">=</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">星期?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br />         </span><span style="color: rgb(0, 0, 255); background-color: rgb(245, 245, 245);">break</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">;<br /> }<br /> document.write(</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">今天是:</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">year</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">q?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">month</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">?/span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">date</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">?amp;nbsp; </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">"</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">+</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">day);<br /> </span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">//</span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);">--></span><span style="color: rgb(0, 128, 0); background-color: rgb(245, 245, 245);"><br /> </span><span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> <br /> </span><span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span><span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">html</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(0, 0, 0);"><br /> </span></div> <img src ="http://www.aygfsteel.com/Todd/aggbug/323311.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/Todd/" target="_blank">Todd</a> 2010-06-11 09:30 <a href="http://www.aygfsteel.com/Todd/archive/2010/06/11/323311.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>css+div要注意的地方【{?/title><link>http://www.aygfsteel.com/Todd/archive/2010/05/28/322122.html</link><dc:creator>Todd</dc:creator><author>Todd</author><pubDate>Fri, 28 May 2010 04:41:00 GMT</pubDate><guid>http://www.aygfsteel.com/Todd/archive/2010/05/28/322122.html</guid><wfw:comment>http://www.aygfsteel.com/Todd/comments/322122.html</wfw:comment><comments>http://www.aygfsteel.com/Todd/archive/2010/05/28/322122.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/Todd/comments/commentRss/322122.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/Todd/services/trackbacks/322122.html</trackback:ping><description><![CDATA[当我们进行CSS+DIV的方式来重构我们? html面Ӟ通常会发C些是|站标准(或称“WEB标准”)中常用的术语之一Q通常Z说明与HTML|页设计语言中的表格(table)定位方式 的区别,因ؓXHTML|站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各U定位。应用应用DIV+CSS~码时很Ҏ犯一些错 误。本文列举了一些常见的错误Q? <p>  1.查HTML元素(?<ul>?lt;div>)、属??class=”")是否有拼写错误、是否忘记结束标? (?<br />)<br /> 因ؓXhtml 语法比较严格Q诸如Firefox 之类的浏览器如果查发现Xhtml里面有语法错误,那页面是不能正常昄的。即使是老手也经怼弄错div的嵌套关pR可以用dreamweaver? 验证功能查一下有无错误?/p> <p>  2. ?a >CSS</a>是否正确</p> <p>  查一下有无拼写错误、是否忘记结 } {。可以利?a title="cleancss.com" target="_blank">CleanCSS</a>来检?<a >CSS</a>的拼写错误?a title="cleancss" target="_blank">CleanCSS</a>? 是ؓCSS减肥的工P但也能检查出拼写错误?/p> <p>  3. 定错误发生的位|?/p> <p>  如果错误影响了整体布局Q则可以逐个删除div块,直到删除某个div块后昄恢复正常Q即可确定错误发生的位置?/p> <p>  4. 利用border属性确定出错元素的布局Ҏ?/p> <p>  使用float属性布局一不小心就会出错。这时ؓ元素dborder属性确定元素边界,错误原因x落石出?/p> <p>  5. float元素的父元素不能指定clear属?/p> <p>  MacIE下如果对float的元素的父元素用clear属性,周围的float元素布局׃混ؕ。这是MacIE的着名的bugQ倘若不知 道就会走弯\?/p> <p>  6. float元素务必指定width属?/p> <p>  很多览器在昄未指定width的float元素时会有bug。所以不float元素的内容如何,一定要为其指定width属性。另外指? 元素时尽量用em而不是px做单位?/p> <p>  7. float元素不能指定margin和padding{属?/p> <p>  IE在显C指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属? (可以在float元素内部嵌套一个div来设|margin和padding)。也可以使用hackҎ为IE指定特别的倹{?/p> <p>  8. float元素的宽度之和要于100%</p> <p>  如果float元素的宽度之和正好是100%Q某些古老的览器将不能正常昄。因此请保证宽度之和于99%?/p> <p>  9. 是否重设了默认的样式?</p> <p>  某些属性如margin、padding{,不同览器会有不同的解释。因此最好在开发前首先全体的margin、padding讄?? 列表样式讄为none{?/p> <p>  10. 是否忘记了写DTD?</p> <p>  如果无论怎样调整不同览器显C结果还是不一P那么可以查一下页面开头是不是忘了写下面这行DTDQ?/p> <div id="wmqeeuq" class="hl-surround"> <ol class="hl-main ln-show" title="Double click to hide line number." ondblclick="linenumber(this)"> <li id="wmqeeuq" class="hl-firstline"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></li> </ol> </div> <img src ="http://www.aygfsteel.com/Todd/aggbug/322122.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/Todd/" target="_blank">Todd</a> 2010-05-28 12:41 <a href="http://www.aygfsteel.com/Todd/archive/2010/05/28/322122.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>旧文黏脓 模式对话?/title><link>http://www.aygfsteel.com/Todd/archive/2010/05/23/321642.html</link><dc:creator>Todd</dc:creator><author>Todd</author><pubDate>Sat, 22 May 2010 17:05:00 GMT</pubDate><guid>http://www.aygfsteel.com/Todd/archive/2010/05/23/321642.html</guid><wfw:comment>http://www.aygfsteel.com/Todd/comments/321642.html</wfw:comment><comments>http://www.aygfsteel.com/Todd/archive/2010/05/23/321642.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/Todd/comments/commentRss/321642.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/Todd/services/trackbacks/321642.html</trackback:ping><description><![CDATA[??lt;script language="javascript" defer="defer"> defer属性就是在加蝲完页面后再执行script 里的E序?br /> <span id="ArticleContent1_ArticleContent1_lblContent"><br /> </span>?】对话框可以分ؓ模式对话框和无模式对话框两种Q两者区别是在对话框被关闭之前用戯否在同一应用E序的其他地方进行工作。D例说明:打开文g对话框便是典 型的模式对话框,在你选择好要打开的文件按下确定后Q或者取消打开文g操作后,才可以在同一应用E序q行其他操作。而常见的查找和替换对话框便是无模式对 话框的典型,在该对话框打开的同Ӟ我们q可以进行其他工作。模式对话框会始l保持焦炏V除非关闭对话框Q否则无法切换窗口? 无模式对话框不会始终保持焦点Q但始终保持昄在最前端?br /> <span id="ArticleContent1_ArticleContent1_lblContent"><br /> 基本介绍Q?br />          showModalDialog()                              (IE 4+ 支持)<br />          showModelessDialog()                         (IE 5+ 支持)<br />          window.showModalDialog()                 Ҏ用来创徏一个显CHTML内容的模态对话框?br />          window.showModelessDialog()            Ҏ用来创徏一个显CHTML内容的非模态对话框?br /> 使用ҎQ?br />          vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])<br />          vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])<br /> 参数说明Q?br />         sURL                --   必选参敎ͼcdQ字W串。用来指定对话框要显C的文档的URL?br />         vArguments   --    可选参敎ͼcdQ变体。用来向对话框传递参数。传递的参数cd不限Q包括数l等。对话框通过window.dialogArguments来取得传递进来的参数?br />         sFeatures       --    可选参敎ͼcdQ字W串。用来描q对话框的外观等信息Q可以用以下的一个或几个Q用分号“;”隔开?br /> ----------------<br /> 1.   dialogHeight:   对话框高度,不小?00px<br /> 2.   dialogWidth:   对话框宽度?br /> 3.   dialogLeft:    dq左的距R?br /> 4.   dialogTop:    dq上的距R?br /> 5.   center:         { yes | no | 1 | 0 } Q?nbsp;            是否居中Q默认yesQ但仍可以指定高度和宽度?br /> 6.   help:            {yes | no | 1 | 0 }Q?nbsp;              是否昄帮助按钮Q默认yes?br /> 7.   resizable:      {yes | no | 1 | 0 } [IE5+]Q?nbsp;   是否可被改变大小。默认no?br /> 8.   status:         {yes | no | 1 | 0 } [IE5+]Q?nbsp;    是否昄状态栏。默认ؓyes[ Modeless]或no[Modal]?br /> 9.   scroll:           { yes | no | 1 | 0 | on | off }Q是否显C滚动条。默认ؓyes?br /> <br /> 下面几个属性是用在HTA中的Q在一般的|页中一般不使用?br /> 10.   dialogHide:{ yes | no | 1 | 0 | on | off }Q在打印或者打印预览时对话框是否隐藏。默认ؓno?br /> 11.   edge:{ sunken | raised }Q指明对话框的边框样式。默认ؓraised?br /> 12.   unadorned:{ yes | no | 1 | 0 | on | off }Q默认ؓno?br /> <br /> <br /> 参数传递:<br /> 1.   要想对话框传递参敎ͼ是通过vArguments来进行传递的。类型不限制Q对于字W串cdQ最大ؓ4096个字W。也可以传递对象,例如Q?br /> -------------------------------<br /> parent.htm<br /> <script><br />          var obj = new Object();<br />          obj.name="51js";<br />          window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");<br /> </script><br /> modal.htm<br /> <script><br />          var obj = window.dialogArguments<br />          alert("您传递的参数为:" + obj.name)<br /> </script><br /> -------------------------------<br /> 2.   可以通过window.returnValue向打开对话框的H口q回信息Q当然也可以是对象。例如:<br /> ------------------------------<br /> parent.htm<br /> <script><br />          str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");<br />          alert(str);<br /> </script><br /> modal.htm<br /> <script><br />          window.returnValue="http://homepage.yesky.com";<br /> </script></span> <img src ="http://www.aygfsteel.com/Todd/aggbug/321642.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/Todd/" target="_blank">Todd</a> 2010-05-23 01:05 <a href="http://www.aygfsteel.com/Todd/archive/2010/05/23/321642.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>scrollLeft,scrollTop{等详解http://www.aygfsteel.com/Todd/archive/2010/04/21/319040.htmlToddToddWed, 21 Apr 2010 15:38:00 GMThttp://www.aygfsteel.com/Todd/archive/2010/04/21/319040.htmlhttp://www.aygfsteel.com/Todd/comments/319040.htmlhttp://www.aygfsteel.com/Todd/archive/2010/04/21/319040.html#Feedback0http://www.aygfsteel.com/Todd/comments/commentRss/319040.htmlhttp://www.aygfsteel.com/Todd/services/trackbacks/319040.html  

|页可见区域宽: document.body.clientWidth;

|页可见区域高: document.body.clientHeight;

|页可见区域宽: document.body.offsetWidth   (包括边线的宽);

|页可见区域高: document.body.offsetHeight  (包括边线的宽);

|页正文全文宽: document.body.scrollWidth;

|页正文全文高: document.body.scrollHeight;

|页被卷ȝ高: document.body.scrollTop;

|页被卷ȝ左: document.body.scrollLeft;

|页正文部分上: window.screenTop;

|页正文部分左: window.screenLeft;

屏幕分L率的高: window.screen.height;

屏幕分L率的宽: window.screen.width;

屏幕可用工作区高度: window.screen.availHeight;

屏幕可用工作区宽度:window.screen.availWidth;

 

1、offsetLeft

假设 obj 为某?HTML 控g?/p>

obj.offsetTop ?obj 距离上方或上层控件的位置Q整型,单位像素?/p>

obj.offsetLeft ?obj 距离左方或上层控件的位置Q整型,单位像素?/p>

obj.offsetWidth ?obj 控g自n的宽度,整型Q单位像素?/p>

obj.offsetHeight ?obj 控g自n的高度,整型Q单位像素?/p>

我们对前面提到的“上方或上?#8221;?#8220;左方或上?#8221;控g作个说明?/p>

例如Q?/p>

<div id="tool">

<input type="button" value="提交">

<input type="button" value="重置">

</div>

“提交”按钮?offsetTop ?#8220;提交”按钮?#8220;tool”层上Ҏ的距,因ؓ距其上边最q的?“tool” 层的上边框?/p>

“重置”按钮?offsetTop ?#8220;重置”按钮?#8220;tool”层上Ҏ的距,因ؓ距其上边最q的?“tool” 层的上边框?/p>

“提交”按钮?offsetLeft ?#8220;提交”按钮?#8220;tool”层左Ҏ的距,因ؓ距其左边最q的?“tool” 层的左边框?/p>

“重置”按钮?offsetLeft ?#8220;重置”按钮?#8220;提交”按钮双框的距离Q因其左Ҏq的?#8220;提交”按钮的右Ҏ?/p>

以上属性在 FireFox 中也有效?/p>

?外:我们q里所说的是指 HTML 控g的属性|q不?document.bodyQdocument.body 的值在不同览器中有不同解释(实际上大多数环境是由于对 document.body 解释不同造成的,q不是由于对 offset 解释不同造成的)Q点击这里查看不同点?/p>

标题QoffsetTop ?style.top 的区?/p>

预备知识QoffsetTop、offsetLeft、offsetWidth、offsetHeight

我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置Qstyle.top 也是可以的,二者的区别是:

一、offsetTop q回的是数字Q?style.top q回的是字符Ԍ除了数字外还带有单位Qpx?/p>

二、offsetTop 只读Q?style.top 可读写?/p>

三、如果没有给 HTML 元素指定q?top 样式Q则 style.top q回的是I字W串?/p>

offsetLeft ?style.left、offsetWidth ?style.width、offsetHeight ?style.height 也是同样道理?/p>

标题QclientHeight、offsetHeight和scrollHeight

我们q里说说四种览器对 document.body ?clientHeight、offsetHeight ?scrollHeight 的解释,q里说的?document.bodyQ如果是 HTML 控gQ则又有不同Q点击这里查看?/p>

q四U浏览器分别为IEQInternet ExplorerQ、NSQNetscapeQ、Opera、FFQFireFoxQ?/p>

2、clientHeight

clientHeight

大家?clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说面览器中可以看到内容的这个区域的高度Q一般是最后一个工h以下到状态栏以上的这个区域,与页面内Ҏ兟?/p>

offsetHeight

IE、Opera 认ؓ offsetHeight = clientHeight + 滚动?+ Ҏ?/p>

NS、FF 认ؓ offsetHeight 是网内容实际高度,可以于 clientHeight?/p>

scrollHeight

IE、Opera 认ؓ scrollHeight 是网内容实际高度,可以于 clientHeight?/p>

NS、FF 认ؓ scrollHeight 是网内定w度,不过最值是 clientHeight?/p>

单地?/p>

clientHeight 是透过览器看内容的这个区域高度?/p>

NS?FF 认ؓ offsetHeight ?scrollHeight 都是|页内容高度Q只不过当网内定w度小于等?clientHeight ӞscrollHeight 的值是 clientHeightQ?offsetHeight 可以于 clientHeight?/p>

IE、Opera 认ؓ offsetHeight 是可视区?clientHeight 滚动条加Ҏ。scrollHeight 则是|页内容实际高度?/p>

同理

clientWidth、offsetWidth ?scrollWidth 的解释与上面相同Q只是把高度换成宽度卛_?/p>

但是

FF 在不同的 DOCTYPE 中对 clientHeight 的解释不同, xhtml 1 trasitional 中则不是如上解释的。其它浏览器则不存在此问题?/p>

标题QscrollTop、scrollLeft、scrollWidth、scrollHeight

3、scrollLeft

scrollTop ?#8220;?#8221;h的高度|CZQ?/p>

<div style="width:100px;height:100px;background-color:#FF0000;overflow:hidden;" id="p">

<div style="width:50px;height:300px;background-color:#0000FF;" id="t">如果?p 讄?scrollTopQ这些内容可能不会完全显C?lt;/div>

</div>

<script type="text/javascript">

var p = document.getElementById("p");

p.scrollTop = 10;

</script>

׃为外层元?p 讄?scrollTopQ所以内层元素会向上南?/p>

scrollLeft 也是cM道理?/p>

我们已经知道 offsetHeight 是自w元素的宽度?/p>

?scrollHeight 是内部元素的l对宽度Q包含内部元素的隐藏的部分?/p>

上述?p ?scrollHeight ?300Q?p ?offsetHeight ?100?/p>

scrollWidth 也是cM道理?/p>

IE ?FireFox 全面支持Q?Netscape ?Opera 不支?scrollTop、scrollLeftQdocument.body 除外Q?/p>

发表旉Q?007-10-15 20:20:16

标题QoffsetTop、offsetLeft、offsetWidth、offsetHeight

4、clientLeft 

q回对象的offsetLeft属性值和到当前窗口左边的真实g间的距离Q可以理解ؓҎ的长?/p>

一直以来对offsetLeftQoffsetTopQscrollLeftQscrollTopq几个方法很qLQ花了一天的旉好好的学习了一下.得出了以下的l果Q?/p>

1.offsetTop     :

当前对象到其上层顶部的距离.

不能对其q行赋?讄对象到页面顶部的距离Lstyle.top属?

2.offsetLeft :

当前对象到其上层左边的距离.

不能对其q行赋?讄对象到页面左部的距离Lstyle.left属?

3.offsetWidth :

当前对象的宽?

与style.width属性的区别在于:如对象的宽度讑֮gؓ癑ֈ比宽?则无论页面变大还是变?style.width都返回此癑ֈ?而offsetWidth则返回在不同面中对象的宽度D不是百分比?/p>

4.offsetHeight :

与style.height属性的区别在于:如对象的宽度讑֮gؓ癑ֈ比高?则无论页面变大还是变?style.height都返回此癑ֈ?而offsetHeight则返回在不同面中对象的高度D不是百分比?/p>

5.offsetParent   :

当前对象的上U层对象.

注意.如果对象是包括在一个DIV中时,此DIV不会被当做是此对象的上?(卛_象的上层会跌DIV对象)上层是Table时则不会有问?

利用q个属性,可以得到当前对象在不同大的面中的l对位置Q?/p>

得到l对位置脚本代码

1function GetPosition(obj)

2{

3 var left = 0;

4 var top   = 0;

5

6 while(obj != document.body)

7 {

8        left = obj.offsetLeft;

9        top   = obj.offsetTop;

10

11        obj = obj.offsetParent;

12 }

13

14 alert("Left Is : " + left + "\r\n" + "Top   Is : " + top);

15}

6.scrollLeft :

对象的最左边到对象在当前H口昄的范围内的左边的距离Q?/p>

x在出C横向滚动条的情况下,滚动条拉动的距离Q?/p>

7.scrollTop

对象的最剙到对象在当前H口昄的范围内的顶边的距离Q?/p>

x在出CU向滚动条的情况下,滚动条拉动的距离Q?/p>

我们q里说说四种览器对 document.body ?clientHeight、offsetHeight ?scrollHeight 的解释,q里说的?document.bodyQ如果是 HTML 控gQ则又有不同Q点击这里查看?/p>

q四U浏览器分别为IEQInternet ExplorerQ、NSQNetscapeQ、Opera、FFQFireFoxQ?/p>

clientHeight

大家?clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说面览器中可以看到内容的这个区域的高度Q一般是最后一个工h以下到状态栏以上的这个区域,与页面内Ҏ兟?/p>

offsetHeight

IE、Opera 认ؓ offsetHeight = clientHeight + 滚动?+ Ҏ?/p>

NS、FF 认ؓ offsetHeight 是网内容实际高度,可以于 clientHeight?/p>

scrollHeight

IE、Opera 认ؓ scrollHeight 是网内容实际高度,可以于 clientHeight?/p>

NS、FF 认ؓ scrollHeight 是网内定w度,不过最值是 clientHeight?/p>

单地?/p>

clientHeight 是透过览器看内容的这个区域高度?/p>

NS?FF 认ؓ offsetHeight ?scrollHeight 都是|页内容高度Q只不过当网内定w度小于等?clientHeight ӞscrollHeight 的值是 clientHeightQ?offsetHeight 可以于 clientHeight?/p>

IE、Opera 认ؓ offsetHeight 是可视区?clientHeight 滚动条加Ҏ。scrollHeight 则是|页内容实际高度?/p>

同理

clientWidth、offsetWidth ?scrollWidth 的解释与上面相同Q只是把高度换成宽度卛_?/p>

说明

?上基?DTD HTML 4.01 TransitionalQ如果是 DTD XHTML 1.0 Transitional 则意义又会不同,?XHTML 中这三个值都是同一个|都表C内容的实际高度。新版本的浏览器大多支持Ҏ面指定?DOCTYPE 来启用不同的解释器。下载或览试文g?/p>

 



Todd 2010-04-21 23:38 发表评论
]]>
|页设计 LOGO 标准寸 http://www.aygfsteel.com/Todd/archive/2010/03/25/316531.htmlToddToddThu, 25 Mar 2010 07:21:00 GMThttp://www.aygfsteel.com/Todd/archive/2010/03/25/316531.htmlhttp://www.aygfsteel.com/Todd/comments/316531.htmlhttp://www.aygfsteel.com/Todd/archive/2010/03/25/316531.html#Feedback0http://www.aygfsteel.com/Todd/comments/commentRss/316531.htmlhttp://www.aygfsteel.com/Todd/services/trackbacks/316531.html

一?20×120Q这U广告规格适用于品或新闻照片展示?
二?20×60Q这U广告规g要用于做LOGO使用?
三?20×90Q主要应用于产品演示或大型LOGO?
四?25×125Q这U规格适于表现照片效果的图像广告?
五?34×60Q这U规格适用于框架或左右形式主页的广告链接?
六?92×72Q主要用于有较多囄展示的广告条Q用于页眉或脚?
七?68×60Q应用最为广泛的q告条尺寸,用于늜或页脚?
八?8×31Q主要用于网链接,或网站小型LOGO?br />
引用内容 引用内容
|页设计标准寸:
1?00*600下,|页宽度保持?78以内Q就不会出现水^滚动条,高度则视版面和内容决定?
2?024*768下,|页宽度保持?002以内Q如果满框显C的?高度?12-615之间.׃会出现水qx动条和垂直滚动条?
3、在ps里面做网可以在800*600状态下昄全屏Q页面的下方又不会出现滑动条Q尺ؓ740*560左右  
4、在PS里做的图C|上׃一样了Q颜色等{方面,因ؓWeb上面只用?56 Web安全Ԍ而Photoshop中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很q,所以自然会有失色的现象?br /> 面标准?00*600分L率制作,实际寸?78*434px
面长度原则上不过3屏,宽度不超q??nbsp; 
每个标准面为A4q面大小Q即8.5X11英寸  
全尺寸banner?68*60pxQ半寸banner?34*60pxQ小banner?8*31px
另外120*90Q?20*60也是图标的标准寸  
每个非首静态页面含囄字节不超q?0KQ全寸banner不超q?4K


Todd 2010-03-25 15:21 发表评论
]]>
վ֩ģ壺 | | | | | | ά| Ϸ| | | | | | | ʯʨ| | | | ͨ| ̽| | | | | ƺ| ¹Ȫ| | »| | ϰ| ɽ| | | ؿ˹| | | | | ֦| ˾| |