Zoe_Wang_ing的专栏

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2091一、pointer-events:none是？pointer-events是CSS3中又一冉冉的属性，其支持的值牛毛般多，不过大多都与SVG相关，我们可以不用理会。当下，对于偶们来讲，与SVG划开

form:http://www.cnblogs.com/PeunZhang/p/3510083.html你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。在桌面端和移动端用CSS开启硬件

html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}设置这个，页面默认的 元素点击后的边效果 为0，webkit 内核的字体大小不自动适配。 最后一个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascrip

在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }忘记在哪里看到的了

from:http://www.xiumu.org/technology/style-checkboxes-with-css.shtmlCheckbox复选框是一个可能每一个网站都在使用的HTML元素，但大多数人并不给它们设置样式，所以在绝大多数网站它们看起来是一样的。为什么不把你的网站中的Checkbox设置一个与众不同的样式，甚至可以让它看起来一点也不像复选框。在本

本文由大漠根据Helen Emerson的《Using the CSS3 flexbox layout》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://helephant.com/2013/03/23/css3-flexbox-layout，以及作者相关信息——作者：Helen Emerson——译者

页面呈现流程      在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。          1.  浏览器把获取到的html代码解析成1个Dom树，html中的每个tag都是Dom树中的1个节点，根节点

CSS Counters其实就是一计数器，早期在CSS中计数器仅存在于ul和ol元素。如果要使用在div这样的元素上，只能通过list-style-image或者是元素的backgroud-image来实现。在CSS2.1的规范中介绍了一种新技术，允许开发人员使用伪类:after、:before或者伪元素::after、::before给任何元素创建自动递增计数器——类似于列表中的项目符号(lis

转载：http://sc.chinaz.com/info/130410113358.htm?qq-pf-to=pcqq.discussion1. 响应式web设计说到这个，移动开发面对的屏幕尺寸那叫一个丰富，其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局，前者设置一个绝大多数电脑能正常显示的固定宽度居中显示，后者则采用百分比。关于这两者讨论的文

转载：绝对定位元素盖住链接或添加某事件handle的元素后，那么该链接的默认行为（页面跳转）或元素事件将不会被触发。现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能穿透绝对定位元素去触发下面元素的某些行为。如下123456

list *,body{ font-family: "微软雅黑"; font-size: 10px; color: #4F4F4F; } .container{ position: relative; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: au

转载：http://www.w3cplus.com/content/css3-border-color

一、W3C标准的盒子模型　　　　　　　　　　　　　　　　　　　　　　　　　　　　   二、IE盒子模型　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 三、两种模型的区别　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　W3C标准盒子模型：  外盒模型       元素空间宽度 =

在bootstrap中，a链接 加上 class=".btn" 时，给a链接 disabled 属性 可实现禁用 a 链接（包括 a链接的 onclick事件）在平时应用 a 链接时，ie8 到 ie11 支持 disabled 属性，且 可以 禁用 a 链接（包括 a链接的 onclick事件）后经本人各种虐，终于虐出了原因，发现了一个css3 新生属性 pointer-even

from:http://www.w3cplus.com/content/css-selection/::selection使用语法： /*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值； color:颜色值； } /*Mozilla Firefox*/ ::-moz-selectio