CSS+DIV常见的浏览器兼容问题及解决方法
2019-03-10 浏览:231次 作者:成都晨宇网络科技公司
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了阐明与HTML页面计划言语中的表格(table)定位办法的区别,因为XHTML网站计划标准中,不再运用表格定位技能,而是选用DIV+CSS的办法完毕各种定位。CSS是英语Cascading
StyleSheets(层叠款式表单)的缩写,它是一种用来表现HTML或XML等文件款式的计算机言语。
尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站创造存在的疑问也比照显着,首要表现在:
第一,对于CSS的高度依托使得页面计划变得比照凌乱。相对于HTML4.0中的表格计划(table),CSS+DIV尽管不是高不可及,但至少要比表格定位凌乱的多,即便对于网站计划高手也很简单呈现疑问,更不要说初学者了,这在一定程度上影响了XHTML网站计划言语的广泛运用。
第二,CSS文件失常将影响悉数网站的正常阅览。CSS网站制作的计划元素通常放在几个l外部文件中,这一个或几个文件有或许恰当凌乱,甚至比照无量,假定CSS文件调用呈现失常,那么悉数网站将变得不忍目睹。
第三,对于CSS网站计划的阅览器兼容性疑问比照出色。根据HTML4.0的页面计划在IE4.0往后的版别中简直不存在阅览器兼容性疑问,但
CSS+DIV计划的网站在IE阅览器里面正常闪现的页面,到火狐阅览器(FireFox)中却或许面目一新(这也是为何主张网络营销人员运用火狐阅览器的缘由地址)。
CSS+DIV还有待于各个阅览器厂商的进一步支撑。
第四,CSS+DIV对查找引擎优化与否取决于页面计划的专业水平而不是CSS+DIV本身。CSS+DIV页面计划并不能保证页面临查找引擎的优化,甚至不能保证一定比HTML网站有更简练的代码计划,况且查找引擎对于页面的录入和排序显着不是所以不是选用表格和CSS定位来衡量,这便是为何很多传统表格计划制作的网站在查找成果中的排序靠前,而很多运用CSS及web标准制作的页面排行仍然靠后的缘由。因为对于查找引擎而言,网站构造、内容、相关网站联接等要素始终是网站优化最重要的方针。
那么下面我们来说说解决方法有哪些:
1、素材的收集,平时多浏览一些做得好的欧美网站,现在很多人都喜欢去考参一些韩国的酷站,个人觉得欧美网站的用户体验远远好于韩国酷站,也更符合国情。见到好的素材及时收集起来。网页设计是经验的积累,同时也是素材的一个积累。
2、颜色的处理,对颜色有了一定的理解之后,用不超过三种的主色调加浅的过渡色彩(比如很淡的灰色)。这样的网站,不一定美观,但一定不难看。
3、留白的处理,初学者和有经验的设计师最基本的区别就是间距的处理,好的用户体验网站,就是一个对留白处理得非常好的例子。
4、网页的统一性,色彩和框架的统一,大的方面来说,就是整个网站的标题,描述文字、边框颜色,背景,框架的形状。小的细节方面就是一个图标的颜色,一个需要强调的符号都有效果的统一起来。
5、在脑海里画效果图,这是一种设计思维,当你可以在效果图上把首页,或者是大致的元素都确定之后,就可以尝试基脑海中想象中其它页面的效果图的样子。这样便可以节省大量的去把你脑海中的东西画出来的时间。
第一种情况:火狐下是正常的,IE6下间距错乱,这种情况,通常应该检查边距MARGIN,可以试着到边距MARGIN换成填充PADDING,这样通常都可以解决问题,也就是说,我们尽量多的在需要使用边距MARGIN的用填充PADDING去代替。
第二种情况:FLOAT造成的页面错乱,FLOAT是CSS当中最常用到的一个代码,当一个大框架当中有好几个小框架FLOAT的时候会倒致大框架失去它的高度,这个时候我们就应该在所以小框架的最后面,加上一个clear:both来清除浮动。
注:成都晨宇网络科技公司自由网络,专业提供网站推广服务,有需要咨询欢迎联系我们在线客服。