摘要: 以下内容根据官方规范翻译以及自己的理解整理。 1.介绍 这篇文档介绍能够实现隐式过渡的CSS新特性。文档中介绍的CSS新特性描述了CSS属性的值如何在给定的时间内平滑地从一个值变为另一个值。 2.过渡transitions 通常情况下,当CSS属性发生改变时,对应元素的CSS属性值立即从旧值变为新值 阅读全文
posted @ 2016-12-28 21:13 Fogwind 阅读(1694) 评论(0) 推荐(0) 编辑
摘要: 以下内容根据官方规范翻译,没有翻译关于SVG变换的内容和关于矩阵计算的内容。 一般情况下,元素在一个无景深无立体感的平面(flat plane)上渲染,这个平面就是其包含块所处的平面。同时,页面上的其他元素也共享这个平面。2D变换函数虽然能改变元素的表现,但是这个被改变的元素仍然是在其包含块所处的平 阅读全文
posted @ 2016-12-22 22:28 Fogwind 阅读(1058) 评论(0) 推荐(3) 编辑
摘要: 首先声明一点,transform属性不为none的元素是它的定位子元素(绝对定位和固定定位)的包含块,而且对内创建一个新的层叠上下文。 注意:可以通过 transform-box 属性指定元素的那个盒子发生了变换,该属性的默认值是“border-box”,查MDN只有Firefox支持该属性(我试的 阅读全文
posted @ 2016-12-18 19:53 Fogwind 阅读(2061) 评论(0) 推荐(0) 编辑
摘要: CSS——关于z-index及层叠上下文(stacking context) z-index 该部分内容根据CSS规范翻译。 z-index 'z-index' Value: auto | <integer> | inherit Initial: auto Applies to: positione 阅读全文
posted @ 2016-12-15 21:04 Fogwind 阅读(2146) 评论(0) 推荐(1) 编辑
摘要: 原文地址 序言 这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道: 在 IE 占据 90% 市场份额的年代,我们 阅读全文
posted @ 2016-12-12 21:07 Fogwind 阅读(917) 评论(0) 推荐(0) 编辑
摘要: 文本效果 关于文本效果,这里仅仅记录得到大多数浏览器支持的几个属性,分别是: text-overflow text-shadow word-break word-wrap text-overflow 介绍text-overflow之前先介绍一个white-space属性。 white-space属性 阅读全文
posted @ 2016-12-11 10:32 Fogwind 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 通过CSS渐变创建的是一个没有固定比例和固定尺寸的<image>类型,也就是说是一张图片,这张图片的尺寸由所应用的元素的相关信息决定。凡是支持图片类型的CSS属性都可以设置渐变,而支持颜色值的CSS属性就不能设置渐变。比如,background-image可以设置渐变,background-colo 阅读全文
posted @ 2016-12-08 17:00 Fogwind 阅读(802) 评论(0) 推荐(0) 编辑
摘要: box-sizing 在CSS 2中设置元素的width和height仅仅是设置了元素内容区的宽和高,元素实际的尺寸是 margin + border + padding + 内容区。 CSS 3(截止到2016年12月6日该属性还是草案)中新加了box-sizing属性,用来重新规定设置元素的wi 阅读全文
posted @ 2016-12-06 15:16 Fogwind 阅读(1673) 评论(2) 推荐(1) 编辑
摘要: 在CSS 3中可以设置边框圆角、边框阴影和边框图像,分别通过border-radius、border-image和box-shadow属性设置。 边框圆角 border-radius属性是以下4个属性的简写: border-top-left-radius 设置左上角的圆角 border-top-ri 阅读全文
posted @ 2016-12-04 20:01 Fogwind 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 全排列的算法,在文章JavaScript全排列的六种算法中介绍了6种,这里我只记录下我已经理解的递归实现的全排列算法。 关于递归实现的全排列算法参考了文章全排列算法的JS实现。 字符串的全排列算法 下面是代码: 这里说一下以上代码实现全排列的过程。 一维数组的全排列 数组的全排列代码 根据以上代码修 阅读全文
posted @ 2016-11-24 11:28 Fogwind 阅读(727) 评论(0) 推荐(0) 编辑