zhanghuiyun

摘要： 1、注意使用前缀 2、属性： transition-property：none/all/属性 3、持续时间： transition-duration：默认值是0，即使是负值，按照0进行处理 4、transition-timing-function：ease(默认值) / linear / ease- 阅读全文

摘要： 1、transform 2、旋转 原始的，转换前的元素会保持它在文档流中的位置，所以后续的所有元素都会受到它的影响，经过变换的元素并不影响页面的布局，但它会位于页面剩余部分之上的一个新层次上，这就意味着这个新的元素可以覆盖后续的元素 3、变换原点 4、平移 经过变换的元素会保留它本身的位置 5、倾斜 阅读全文

摘要： 1、Firefox中的线性渐变 2、Webkit中的线性变化 3、Firefox中的放射渐变 其中shape使用一个关键字常量值，可以是circle或ellipse（默认值） 渐变开始点以及结束点，半径距离： inner-center与outer-center inner-radius与outer- 阅读全文

摘要： 1、opacity： opacity的值会被它的所有子元素继承，也就是说不可能让一个元素比他的父元素更加不透明，但你可以让他变得更透明点 Firefox Webkit Opera支持，注意IE 2、使用Alpha通道可以像其他任何颜色值一样被子元素继承，但元素的整体不透明度并不受影响，rgba值只能 阅读全文

摘要： 1、多背景图片： 2、背景尺寸 contain -- 图片尽可能的放大，不超过包含元素的高度和宽度 cover -- 图片放大到包含元素的宽度或高度 3、背景剪裁和原点 设置背景开始计算的点 4、图片精灵（背景图剪裁） 5、图片遮罩 阅读全文

摘要： 1、指定分列： Firefox与webkit实现 2、动态分列 列的宽度其实不仅仅100，会根据950px进行一些调整 3、列间隔与分界线 4、处理跨越不只一列的元素 阅读全文

摘要： 1、坐标轴: 上左为负数 下右为正数 2、text-shadow 还可以负数实现 blur-radius 阴影范围 3、text-outline ：目前浏览器不支持 text-stroke属性与text-outline 一致，webkit浏览器支持。 4、文本限制溢出 text-overflow t 阅读全文

摘要： 1、@font-face规则 local--使用字体的真正名称 url--指向要使用的字体文件 format--指定字体类型 2、local不支持IE9以下 3、font-size-adjust：number Firefox number值是指小写字母X占总高度的比例 阅读全文

摘要： 伪类： 1、结构伪类 A：E ： first-child{} E ： nth-*（n）{} E ： first-*（even）{} E ： first-*（odd）{} B：nth-child 是根据其父元素中国子元素的总数进行计算 nth-of-type 是根据特定类型的子元素进行计数 nth-l 阅读全文

摘要： 属性选择器： 1、CSS属性选择器 属性选择器E[attr="value"]{} 包含属性选择器E[attr~="value"]{} 2、CSS3的新属性选择器 任意属性选择器E[attr*="value"]{} 开始子串属性选择器E[attr^="value"]{} 结束子串属性选择器E[attr 阅读全文