摘要: 不同font-size的字体会出现上下偏差,这是一个蛮令人头疼的问题。特别是中文字体(英文字体不会出现这种问题)。 下面是分别出现的三种情况: 英文字体还好,可中文出现了上下偏差。设置行高也不起作用。现在推荐下面这个方法来处理。 这里通过绝对定位来使文字偏移回来。只需要控制span标签的top值,就 阅读全文
posted @ 2017-12-13 16:42 U炒饭 阅读(6654) 评论(0) 推荐(0) 编辑
摘要: background:rgba(); 是css3新增的。它非常实用,可以很简单的就做出一个背景透明而内容不透明的遮罩层。 可惜的是IE8及IE8以下并不兼容该属性。但我们可以通过IE下的滤镜来实现rgba的效果。 以上代码即可实现在IE8下兼容background:rgba(); 这里只说一下 IE 阅读全文
posted @ 2017-12-11 10:30 U炒饭 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 利用display:table-cell; 表格 这样就让文字可以水平垂直居中显示了。不过要注意一个问题:当.box被绝对定位的时候,文字无法垂直居中,但是相对定位仍然可以垂直居中。 既是当 .box 加上 position:absolute; 的时候,无法垂直居中。 当.box 加上 positi 阅读全文
posted @ 2017-12-06 16:22 U炒饭 阅读(900) 评论(0) 推荐(0) 编辑
摘要: css后代选择器很好用,让我们的工作变的更方便。但有个麻烦,IE8及IE8以下对很多后代选择器并不兼容。 这六个后代选择器是比较长用到的: 这时会发现,IE9对这些后代选择器都兼容。IE8、IE7除了的 :first-child 是兼容的,其他五个都不兼容。 兼容: 一、让第2个p元素变成“蓝色”字 阅读全文
posted @ 2017-12-05 11:50 U炒饭 阅读(3017) 评论(0) 推荐(0) 编辑
摘要: 一、首先看四个例子 ① ② 前两个例子毫无疑问,就是简单的把num1 进行了减1; ③ 这是会得到 num1被减了1,num2也-->8+2=10; ④ 这是会得到 num1被减了1,num2却是-->9+2=11; 二、我们接着来看下面两个例子 ⑤ 得到 num1都被减了1 ⑥ 得到 num3中的 阅读全文
posted @ 2017-11-14 11:03 U炒饭 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 1、array.concat() (合并数组) 2、array.join()(把数组转换成字符串,默认是join(',')) 3、array.pop()(移除数组中的最后一个项,并返回该项) 4、array.push()(将一个或多个参数插入到数组尾部,并返回这个数组的新长度) 5、array.sh 阅读全文
posted @ 2017-11-03 15:04 U炒饭 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 声明:该文章有些概念摘自《JavaScript高级程序设计》 1、执行环境:也称“环境”,执行环境定义了变量或函数有权访问的其他数据,决定了他们各自的行为。(全局定义的变量,函数里面可以访问。一般情况下,函数里面定义的变量,全局无法访问)。 2、全局执行环境:全局执行环境是最外围的一直执行环境,(在 阅读全文
posted @ 2017-09-25 10:08 U炒饭 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 闭包一直是许多初学者的难题,网上对闭包的讲解也是众说纷纭,但还是许多人不能明白。 下面我通过五个简单例子,让你明白闭包原理。 第一个例子 第一个例子都能看懂,是个简简单单的实现 i 累加。无需多说,我们继续看第二个例子。 第二个例子 第二个例子:我们会发现 i 这时候无法实现累加,一直显示是1。这是 阅读全文
posted @ 2017-09-22 11:06 U炒饭 阅读(1252) 评论(0) 推荐(0) 编辑
摘要: 1、兼容最佳 第一种方法也是出现的比较早的了。兼容拿IE来做参照——>第一种方法IE7以上都能使用,IE7及IE7以下都会出现问题。 2、实现最佳 第二种利用transform进行元素偏移。这方法功能很强大,也比较灵活,不仅仅局限在实现居中显示。 兼容方面也一样拿IE来做比较,第二种方法IE8以上都 阅读全文
posted @ 2017-09-15 15:30 U炒饭 阅读(145) 评论(0) 推荐(0) 编辑