给建站新老手推荐3个css技巧

 在做网站的时候,我们采取一些比较简易的方法来建设网站,下面给大家分享一下工作经验:
一、在一行内声明CSS
 Example Source Code [www.minglian8.com]
  h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
  h2 {
  font-size:18px;
  border:1px solid blue;
  color:#000;
  background-color:#FFF;
  }
  第二种看起来确实格式化,但是不会在阅读上有任何协助。写在一行内可以让你更快的找到需求的局部。
  以前在下也是写成相似第二种方式,但是逐步发现就像文章讲的一样,没多大用。一行看起来又直爽又省中央还能让文件更小。
二、分块书写代码
  这样书写代码可以让CSS更页面化,在呈现成绩时分可以最短日子内找到成绩所在。就像上面这样:
 Example Source Code [www.minglian8.com]
  #content {float:left;}
  #content p { … }
  #sidebar {float:left;}
  #sidebar p { … }
  #footer {clear:both;}
  #sidebar p { … }
三、阅读器兼容成绩
  只支持最新的阅读器。也就是讲要保持IE5和IE5.5。这样一来就能省下很多日子。关于IE6来讲不必运用盒模型Hack。假如只针对盛行阅读器的话,只需求很少的Hack就能完成异样的效果。
  在下留意了一下网易新版主页的CSS,其中居然一个!important或许Hack都没有,可是在FF和IE外面显示效果都很好。
  包括浮动元素一切在容器内的内容都应该被设计为和容器坚持分歧。假如过大的话就会滑动到错误地位。运用负值margin调整到容器外异样会招致滑动。
  了解Overflow假如页面中有两个浮动元素,在左容器内输入过多内容的话就会招致右侧容器跑到上面。这也就是讲你的margin、宽度或许padding设置混乱了,不过在FF外面表现不出来。运用overflow:hidden或许overflow:scroll可以防止IE允许内容冲出容器。
  更多的CSS技巧,欢送您关注minglian8.com的内容。感激您的支持。

«1»