前言  是否曾经被业务提出"能改改这个单选框的颜色吧！让它和主题颜色搭配一下吧！"，然后苦于原生不支持换颜色，最后被迫自己手撸一个凑合使用。若抛开input[type=radio]重新开发一个，发现 ...

前言  Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。 Flex就这么简单 浏览器兼容性  一说到兼容性就是永远的痛，不过幸运的是只要在IE10加-ms- ...

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 很久之前就了解过CSS3的线性渐变（Linear-Gradient），这段时间决定进一步认知这一特性，以下笔记以便日后查阅。 二、CSS3的各种背景渐变　　　　　　　　　　　　　　　　　　　　 1. 线性渐变 ...

前言  说起box-shadow那第一个想法当然就是用来实现阴影，其实它还能用于实现其他好玩的效果的，本篇就打算说说box-shadow的那些事。 二话不说看效果 3D小球 纸张阴影(来自@张鑫旭老师) 细读属性  看到上面这么绚丽的效果，是不是迫不及待想弄清 ...

前言  在CSS魔法堂：改变单选框颜色就这么吹毛求疵！中我们要模拟原生单选框通过Tab键获得焦点的效果，这里涉及到一个常常被忽略的属性——outline，由于之前对其印象确实有些模糊，于是本文打算对其进行稍微深入的研究_ Spec是这样描述它的 作用  用于创建可视对象的轮廓(元素 ...

前言 过去一直听说旧版本IE下很多诡异bug均由一个神秘角色引起的，那就是hasLayout。趁着最近突然发神经打算好好学习CSS，顺便解答多年来的疑惑。 hasLayout到底是何方神圣？ hasLayout可以简单看作是IE5.5/6/7中的BFC(Block Formatting ...

一、Position各属性值详解　　　　　　　　　　　　　　　　　　　　 1. static ：默认值，元素将按照正常文档流规则排列。 2. relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、right和bottom的CSS规则来改变元素的位置 ...

本文讨论的是块级盒子(Block-level box)的盒子模型(Box Model) 一、W3C标准的盒子模型　　　　　　　　　　　　　　　　　　　　　　　　　　　　 二 ...