摘要：
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; font-variant: small-caps; font-style: italic; line-height: 150%; }可以被写成：代码如下: body { font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif; } 阅读全文
摘要：
清除浮动是每一个web前台设计师必须掌握的机能。为什么浮动这么难？因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及widthheight属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法（测试已通过iechromefirefoxopera，后面三种方法只做了解就可以了）：1，父级div定义heightLeftRightdiv2原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单，代码少，容易 阅读全文
摘要：
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都是浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。第二类是基本按照设计 阅读全文
摘要：
1.区别IE和非IE浏览器代码如下:#tip {background:blue;background:red \9;}2.区别IE6,IE7,IE8,FF【区别符号】：「\9」、「*」、「_」【示例】：代码如下:#tip {background:blue;background:red \9;*background:black;_background:orange;}【说明】：因为IE系列浏览器可读「\9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是 阅读全文
摘要：
你对IE和火狐浏览器的CSS区别是否熟悉，这里和大家一起探讨一下，相信本文介绍一定会让你有所收获。IE和火狐浏览器的CSS区别1、IE6.0的div的内嵌div可以把父级的高度撑大，而FireFox不可以，要自己设置高度。2、当设置为三列布局时，IE6.0的float宽度不能达到100％，而FireFox可以。当设置为两列布局时，两种浏览器都可以。3、在火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both。4、在[text-decoration:underline]的属性 阅读全文