2015年9月5日1 min readCss: z-indexCSS 中提供的属性 z-index 用来表示某个元素和它的祖先在 z 数轴上的顺序。当元素重叠时,通过它们在 z 数轴上的顺序,决定哪个元素可以覆盖哪个元素。这个优先级是根据 z-index 的取值来决定的,值越大优先级越高。
2015年9月4日1 min readCss Background-position For Animation上一篇 文章 中讲到了 background-position 在 Css sprite 中的使用,这篇文章主要讲怎么用 background-position 来做动画。其实动画都是一帧一帧的做出来的,每一帧就是就是一个画面。通常图片在人眼中存在的时间为 1/24 秒,如果画面播放的速度超过了人眼可以分辨的速度,那么人眼所看到的画面就动起来了。
2015年9月1日2 min readCss: background-position在 CSS 中提供的 background-position 用来设置背景图片的最初的位置。既然需要设置位置,肯定需要根据页面中的坐标确定,而这个坐标原点的确定是有 background-origin 来设置的。 background-origin 有:padding-box、border-box、content-box,三个取值,为了比较清晰的说清楚,来看下面的一个图就知道了:
2015年8月21日1 min readAbout box-sizing最近参加了网易的前端面试,在面试的时候,被问了这样一些关于 CSS 盒模型相关的问题,问了什么是盒模型,以及在盒模型计算高度和宽度,由于最近才复习过相关的知识,所以很顺利的回答出来了。但是后面问了这样一道问题:有这样一块 div 其 content 的 宽度是 600px,怎么做到无论如何改变这个 div 的 margin 或者 padding 或者 border,都不改变 div 表现出来的大小?