当前位置: 网站建设 > 网页设计 > 建站经验 >

DIVCSS网页设计 有用的3个CSS巧

时间:2013-03-02 03:48来源:未知 作者:admin 点击:

标签:DIVCSS网页设计 有用的3个CSS巧 divcss(3)网页设计(881)CSS(655)用的(29)DIVC(1)3个(8)Tag(145)
Tag:DIVCSS 网页设计 DIVCSS 网页设计 --> [网站建设之]DIVCSS网页设计:有用的3个CSS巧 包括浮动元素所有在容器 内的内容都应当被设计为和容器坚持一致。假如过大的话就会滑动到过错地位。使用负值margin调剂到容器外同样会导致滑动。 咱们在进行DivCSS布局
DIVCSS网页设计 有用的3个CSS巧》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023352H013.htm
Tag:DIVCSS   网页设计     DIVCSS   网页设计     --> [网站建设之]DIVCSS网页设计:有用的3个CSS巧

  包括浮动元素所有在容器 内的内容都应当被设计为和容器坚持一致。假如过大的话就会滑动到过错地位。使用负值margin调剂到容器外同样会导致滑动。

咱们在进行DivCSS布局的时候,十分关注CSS技能的学习,今天向大家推举3个所谓的 “顶级”CSS技巧!固然不什么新意,但对新手而言却无比主要!

一、在一行内申明CSS

#content {float:left,divcss布局及Web标准对网站优化和SEO方面的益处;}  #content p { … }  #sidebar {float:left;}  #sidebar ,DIV+CSS鼠标经过背景变色方法大全;p { … }  #footer {clear:both;}  #sidebar p { … } ,DIV+CSS还能走多远;


三、浏览器兼容问题

  懂得 Overflow如果页面中有两个浮动元素,在左容器内输出过多内容的话就会导致右侧容器跑到下面。这也就是说你的margin、宽度或者padding 设置凌乱了,不外在FF里面体现不出来。使用overflow:hidden或者overflow:scroll可以避免IE容许内容冲出容器。

   这样书写代码可以让CSS更页面化,在呈现问题时候可以最短时间内找到问题所在。就像下面这样:

h2 {font-size:18px; border:1px ,DIV+CSS网页布局的6个步骤;solid blue; color:#000; background-color:#FFF;}  h2 ,div+css网页布局中对段落进行排版的方法;{ ,DIV+CSS神话; font-size:18px;  border:1px solid blue,DIV+CSS理论技术入门;  color:#000;  background-color:#FFF;  }

  第二种看起 来确实格局化,DIV+CSS总结 有用的3个网页制作技巧,但是不会在浏览上有任何辅助。写在一行内可以让你更快的找到须要的局部。

  我留神了一下网易新版主页的CSS,DIV+CSS常见错误汇总,其中居然 一个!important或者Hack都没有,可是在FF跟IE里面显示后果都很好。公道的应用CSS能够防止Hack。当然,调试的时光会多一些。

  以前我也是写成相似第二种方法,然而逐步发明就像文章 说的一样,没多大用,Div+CSS布局应该注重语义、代码的重用性。一行看起来又爽直又省处所还能让文件更小。

二、分块书写代码

  只支撑最新的浏览器。也就是说要废弃IE5和IE5.5。这样一来就能省下良多时间。对IE6来说 不必使用盒模型Hack。如果只针对风行阅读器的话,只要要很少的Hack就能实现同样的效果。


(责任编辑:网站建设)
DIVCSS网页设计 有用的3个CSS巧相关文章
上一篇:divcss布局及Web标准对网站优化和SEO方面的益处 下一篇:DIV中ID和class的使用有什么不同
回到顶部