网站制作的罕用技巧和经历独家分享

。
1、作品题目列表中日子居右显现的办法(需要了两种办法，运用时视状况而定):
    本人前者开拓中罕用到的一些技巧及成绩处理办法，会常复旧，指望对于前者路上的冤家有协助。很多人晓得某个概念，但做到的却很少；
实在这种办法能够蔓延到很多状况下,很适用的一种写法；
 

   
       
            p span{float:right}
       
   

 
而后界说span右浮动：
 

   
       
            <p><span>2010-10-10</span>@Mr.Think这是作品题目</p>
       
   

 
办法二：代码绝对于办法一少，但比拟耗资源
 

   
       
            p span{position:absolute; right:0}
            p{position:relative}
       
   

 
CSS界说：
 

   
       
            <p>@Mr.Think这是作品题目<span>2010-10-10</span></p>
       
   

 
办法一：本版2楼思绪(感激~)，耗资源比拟少，多两句代码。
3、空白外表距相互叠加的成绩:：正常经过增添通明边框或者许1px的内边距防止。作用？ 就是能够正在有很多选项时，对于该署选项分批：
10、fieldset，legend标签，没有为人知，却很适用的一组标签；它能够很明了的把一组元素框兴起，次要用来表单；
9、充足应用表单中label标签晋升用户经验；这小半关于页面中那些小的选项框,以及对于残障人物浏览网站都无益处，底细是用户经验的第一步；
8、正在运用table标签时该当尽能够的应用它自身的属性，最大限制的结合构造与款式.细致解读: http://mrthink.net/csshtml-colgroup-col-style/ ；
的形式去掉默许高低；
 

   
       
            div { witdh:100%; background:#9c0; ling-height:0}
       
   

 
7、空div正在IE(FF中没有)是有默许高低的，能够用界说：
假如差错短期性页面,过分防止运用,页面应尽能够保障向后兼容；
 

   
       
            <meta http-equiv="X-UA-Compatible" content="IE=7" />
       
   

 
6、没有引荐用上面代码兼容IE8：
5、html/class/id，最好一致以小写书写，那样更松散(相符xhtml规范)；
4、ie6下max/min-width/height完成，_width: expression(this.width >600 ? "600px" : true); ，height同理。(义务编者：帝位库)
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);

//-->
google_ad_height = 15;
google_ad_width = 728;
google_ad_slot = "9013909818";
//728x15, 创立于 07-12-24
google_ad_client = "pub-5489821349304640";
<!--

   
       
            &lt;/html&gt;
            &lt;/body&gt;
            &lt;/form&gt;
            ......
            &lt;form name=&quot;mrform&quot; id=&quot;thinkform&quot; action=&quot;#&quot;&gt;
            &lt;body&gt;
            &lt;/head&gt;
            &lt;/script&gt;
            }
            alert(document.thinkform.length);&nbsp; //仅IE会弹出该表单元素长短
            alert(document.mrform.length);&nbsp; //一切阅读器均会弹出表单元素长短
            window.onload=function(){
            &lt;script&gt;
            &lt;head&gt;
            &lt;html&gt;
       
   

&nbsp;
12、表单都要加name值，name值是一度标示，没有同于id，据我所发觉,若是未界说name值，非IE阅读器下是无奈经过document.formid获取到表单元素的。请看如次代码及诠释：
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;提醒：您能够先修正全体代码再运转
&lt;/select&gt;
&lt;/optgroup&gt;
&lt;option value=&quot;4&quot;&gt;four select&lt;/option&gt;
&lt;option value=&quot;3&quot;&gt;three select&lt;/option&gt;
&lt;optgroup label=&quot;GROUP TWO&quot;&gt;
&lt;/optgroup&gt;
&lt;option value=&quot;2&quot;&gt;two select&lt;/option&gt;
&lt;option value=&quot;1&quot;&gt;one select&lt;/option&gt;
&lt;optgroup label=&quot;GROUP ONE&quot;&gt;
&lt;label for=&quot;selectId&quot;&gt;成效演示:&lt;/label&gt;&lt;select id=&quot;selectId&quot;&gt;
成效演示：
&nbsp;

   
       
            &lt;/select&gt;
            &lt;/optgroup&gt;
            &lt;option value=&quot;4&quot;&gt;four select&lt;/option&gt;
            &lt;option value=&quot;3&quot;&gt;three select&lt;/option&gt;
            &lt;optgroup label=&quot;GROUP TWO&quot;&gt;
            &lt;/optgroup&gt;
            &lt;option value=&quot;2&quot;&gt;two select&lt;/option&gt;
            &lt;option value=&quot;1&quot;&gt;one select&lt;/option&gt;
            &lt;optgroup label=&quot;GROUP ONE&quot;&gt;
            &lt;select id=&quot;selectId&quot;&gt;
       
   

&nbsp;
11、optgroup标签，没有为人知，它对于晋升取舍表单用户经验很有协助。细致解读：http://mrthink.net/css-margin-overlying-way/；
2、web规范中，同一页面中只能有一度h1标签。