DIV+CSS总结:有用的3个网页制作技巧

　　我们在进行DivCSS布局的时候，十分关注CSS技巧的学习，今日向大家推举3个所谓的 “顶级”CSS技巧！ 固然没有什么新意，但对新手而言却十分主要！

　　一、在一行内申明CSS

h2 {</P> <P>font-size:18px;</P> <P>border:1px solid blue;</P> <P>color:#000;</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/home/news/2021/3m82859.html" target=_blank > 消费者指出奥克斯冰箱容积缩水！最后厂商道歉和赔偿 </a></td><td><a href="http://www.zhujiangroad.com/net/html/76350.html" target=_blank > 企业O2O网络营销的10大原则 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/software/news/2021/11m84145.html" target=_blank > Win11乱改？或许这才是右键菜单的完美解决方案 </a></td><td><a href="http://www.zhujiangroad.com/web/news/2021/5m83314.html" target=_blank > 关于“躺平”和“内卷” 董明珠分析的最透彻 </a></td></tr></table></div> <P>background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; }

　　第二种看起 来确实 格局化，然而不会在阅读上有任何协助 。写在一行内 可以让你更快的找到需求的 部分 。

　　以往我也是写成 类似第二种 模式，然而逐步发现就像文章 说的一样，没多大用 。一行看起来又 直率又省地方还能让文件更小 。

　　二、分块书写代码

　 　这样书写代码 可以让CSS更页面化，在浮现问题时候 可以最短 工夫内找到问题所在 。就像下面这样：

#content {float:left;} <BR>#content p { … } <BR>#sidebar {float:left;} <BR>#sidebar p { … } <BR>#footer {clear:both;} <BR>#sidebar p { … }

三、阅读器兼容问题

　　只 支撑最新的阅读器 。也便是说要抛弃IE5和IE5.5 。这样一来就能省下众多 工夫 。关于IE6来说 不用 使用盒模型Hack 。假如只针对 风行阅读器的话， 惟独求很少的Hack就能实现同样的 动机 。

　　我 留神了一下网易新版主页的CSS，其中居然 一个!important或者Hack都没有，可是在FF和IE里面显示 动机都很好 。 正当的 使用CSS 可以幸免Hack 。固然，调试的 工夫会多一些 。

　　包括浮动元素全部在容器 内的内容都应该被设计为和容器 维持 统一 。假如过大的话就会滑动到 舛误位置 。 使用负值margin调整到容器外同样会招致滑动 。

　　 了解 Overflow假如页面中有两个浮动元素，在左容器内输出过多内容的话就会招致右侧容器跑到下面 。这也便是说你的margin、宽度或者padding 设置 混乱了，不过在FF里面体现不出来 。 使用overflow:hidden或者overflow:scroll 可以幸免IE同意内容冲出容器 。