CSS+DIV浏览器兼容问题解决方法及网页设计的理解

以前在学习CSS+DIV的时候也是一头雾水，在一个小小的结构问题上可以花了大半天的功夫，现在接触得多了，其实发现当时只是卡在几个非常细节的问题上：

第一种情况：火狐下是正常的，IE6下间距错乱，这种情况，通常应该检查边距MARGIN，可以试着到边距MARGIN换成填充PADDING，这样通常都可以解决问题，也就是说，我们尽量多的在需要使用边距MARGIN的用填充PADDING去代替。

第二种情况：FLOAT造成的页面错乱，FLOAT是CSS当中最常用到的一个代码，当一个大框架当中有好几个小框架FLOAT的时候会倒致大框架失去它的高度，这个时候我们就应该在所以小框架的最后面，加上一个clear:both来清除浮动。

关于网站建设的几点经验：

1、素材的收集，平时多浏览一些做得好的欧美网站，现在很多人都喜欢去考参一些韩国的酷站，个人觉得欧美网站的用户体验远远好于韩国酷站，也更符合国情。见到好的素材及时收集起来。网页设计是经验的积累，同时也是素材的一个积累。

2、颜色的处理，对颜色有了一定的理解之后，用不超过三种的主色调加浅的过渡色彩（比如很淡的灰色）。这样的网站，不一定美观，但一定不难看。

3、留白的处理，初学者和有经验的设计师最基本的区别就是间距的处理，好的用户体验网站，就是一个对留白处理得非常好的例子。

4、网页的统一性，色彩和框架的统一，大的方面来说，就是整个网站的标题，描述文字、边框颜色，背景，框架的形状。小的细节方面就是一个图标的颜色，一个需要强调的符号都有效果的统一起来。

5、在脑海里画效果图，这是一种设计思维，当你可以在效果图上把首页，或者是大致的元素都确定之后，就可以尝试基脑海中想象中其它页面的效果图的样子。这样便可以节省大量的去把你脑海中的东西画出来的时间。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有