网站css布局易出现的问题

  一个新手常常被形形色色的css布局问题弄得摸不清方向,就算加上教程的帮助还是很难驾驭css。所以遇到问题要总结,空谷科技就通过这篇文章让您在遇到问题时参考一下。
1、要在主流浏览器中调试。
     如果我们在一个版本比较低级的浏览器上写的代码,在本机上调试通过了,但在另一些浏览器上又不行了。这样自己会很郁闷的,所以我们应该在机子上装好一些主流浏览器,如ie6,ie7.ff.opera.
2、注意效果的范围
      滤镜效果是微软专门针对ie开发的,所以在ff等非ie浏览器是看不到的。还有min-width,min-height类似的样式在ie中是没用的,只有加上js才能达到效果。所以我们要明白某些效果只针对一种或部分浏览器。
3、要记住链接的顺序
     css有的定义是有顺序的,打乱了顺序你就会看不到效果。链接就要注意Link, Visited, Hover, Acitve的顺序。
4、要写明单位|
      css中除了0不要单位,其余的都要,所以这个不要忘了。虽然我们习惯以像素为单位,但系统没有默认所以要养成标明单位的好习惯。
5、文件命名尽量用小写
      在本机windows系统上是不区分大小写的,一旦你的代码传到服务器上,就有可能出现找不到文件的问题。如,a.jpg,a.JPG.A.jpg完全是不同的文件,这个要切记。这种问题是很难发现的。
    我们要多看别人的经验,自己才能成长地越快,才能使自己少走弯路。 

Read More

网页制作经验分享:CSS布局如何进行

 CSS具有两面性。就像它在格式化文本、导航栏、图片以及其他小小的网页方面很棒一样,当你准备好布局完整的网页时,它真正可怕的一面也展现出来了。

     CSS布局有两种风格——绝对定位和浮动。绝对定位让你把一个元素以像素级的精确性定位在网页的任何位置——或者理论上是这样。这种整体控制令人兴奋,就如你将在下一章中所看到的,但是实际上很难实现。这就是大量网页使用基于浮动的布局的原因,也是本章的主题。

Read More