AUTO与100%的分别
auto默认宽度自适应整个视窗，内边距部分则是从中减去。有点类似于 `border-box` 的感觉，100%其实是个固定的宽度值，内边距在此基础上增加。
何为flex布局？
简介：flex 是一个CSS的display 属性中新添加一个值。 随着inline-flex的使用，它将使它适用的元素成为一个flex container（伸缩容器），而这个元素的每个子元素将成为 flex item（伸缩项目）。 伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用 主轴:默认情况下，主轴是x轴，侧轴是y轴，项目则排列在主轴方向上 flex 属性是flex-grow, flex-shrink 和 fle...
全面了解transform属性
transform取值 none：默认值，即是无转换 matrix(,,,,,)：以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换，相当于直接应用一个[a,b,c,d,e,f]变换矩阵 translate([,...
CSS3 resize属性
语法： resize：none | both | horizontal | vertical 默认值：none 适用于：所有设置了overflow除了visible之外的元素 继承性：无 说明： 设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。如果希望此属性生效，需要设置对象的overflow属性，值可以是auto,hidden或scroll。对应的脚本特性为resize。 ...
利用伪类选择器:target制作多Tab切换效果
:target CSS 伪类 代表一个唯一的页面元素(目标元素)，其ID与当前URL片段匹配 12<a href="#leftBox">模块一</a>
CSS3综合案例三
仿天猫专题栏过渡效果实例需求 鼠标移入商品栏时，增加透明度 鼠标移入商品栏时，商品主图向左偏移几许，缓缓过渡
CSS3综合案例二
旧样式，仿天猫商品过渡效果实例需求 商品被包裹在圆形的底环下，为此要制作一个底环 当鼠标移入商品栏时，边距凸显红色 当鼠标移入商品栏时，图片变得透明几许 当鼠标移入商品栏时，商品主图过渡...
CSS3综合案例一
制作鼠标悬停，画面比例放大的效果实例需求 鼠标移入，画面扩大一定比例，移出则回归原态 画面扩大的过程要平滑进行
transition过渡效果
transition过渡效果transition同样亦是一个简写属性 transition-property: 属性选项 all指代所有...
关于opacity的实例应用
关于opacity的实例应用综合应用 制作透明背景，凸显文字内容（实例一） 天猫商品栏图片鼠标移入透明度减低的效果（实例二）