网页设计:CSS+DIV浏览器兼容问题解决方法及网页设计的理解 | 少将全栈
  • 欢迎访问少将全栈,学会感恩,乐于付出,珍惜缘份,成就彼此、推荐使用最新版火狐浏览器和Chrome浏览器访问本网站。
  • 吐槽,投稿,删稿,交个朋友
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏少将全栈吧

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

seo admin 13年前 (2011-08-13) 2275次浏览 已收录 扫描二维码

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

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

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

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

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

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

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

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

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

喜欢 (0)
[🍬谢谢你请我吃糖果🍬🍬~]
分享 (0)
关于作者:
少将,关注Web全栈开发、项目管理,持续不断的学习、努力成为一个更棒的开发,做最好的自己,让世界因你不同。