凯子的专栏

css3属性中background-clip与background-origin的用法释疑困惑在哪里？background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。比如

理解CSS3 transform中的Matrix(矩阵)by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2427一、哥，我被你吓住了打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式”）。这与情感化设计本质一致：界面设计

box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/safari（-w

Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它，如常用CSS 雪碧图。而Png的使用不仅仅如此，Png有多少种格式，有哪些特点，PC端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢？如果你对这些问题有疑问，那么很开心的告诉你，这里有你需要的答案(*^__^*) 嘻嘻……目录：Png的格式和透明度[Png 不透明]格式Png

在看一个网页的代码是看到width:100vh 纳尼。。。这这我怎么没有见过，这是个什么属性，随之有看到 min-height:calc(100vh + 51px);这尼玛又是怎么用的....感叹入行已整整两年却...先介绍一下vh:相对于视窗的高度，那么vw:则是相对于视窗的高度“视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.inn

haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有

弹性盒模型

刚把-webkit-box-的属性过了一下，又说过时了（09年的没定标准以前的写法）。现在已经用flexz（12年标准出来后的写法）学习一下：1:flexdisplay:flex 设置容器可以弹性布局2:flex:valueflex:value相对有同一容器的其他灵活的项目，规定项目的长度3:flex-growflex-grow用来指定扩展比率，即剩余空间是正值时此「f

前言现在设计师同学越来越高大上了，纯色背景已经不能满足人民群众日益增长的物质文化需要了，必须整渐变背景o(╯□╰)o。怎么还原呢，设计师直接丢过来一个几十K的图片，这怎么行。。。还好我们有CSS第三代！这次就来唠唠CSS3 Gradient(/ˈgreɪdɪənt/)的用法。兼容性从Can I use上看，现代浏览器支持程度良好，尤其移动端，对于不支持的

1 2 3 4 5 6 /** @Author: owlcity* @Date: 2017-08-01 17:02:04* @Last Modified by: owlcity* @Last Modified time: 2017-08-01 17:43:47*/*{m