aiolos1111的专栏

CSS Sprite图已经成为网站性能优化中必用的一个技巧了，我在这里总结一下CSS Sprite的用法。如有错误，欢迎指正。CSS Sprite优点减少http请求数，加快页面加载速度(因网页上的每一个图都会创建一个http请求)CSS Sprite使用场景页面上使用多个静态小图，而font icon又无法满足要求。CSS Sprite缺点1、动态获取的图片不适合使用CSS Sprite

Animate.css是一款兼容多款浏览器的CSS3动画库，使用方便，效果绚丽。Animate.css的兼容性Animate.css的用法下载Animate.css官网的github上animate.css的宣传口号： A cross-browser library of CSS animations. As easy to use as an easy thing.官网地址：http://

刚使用css3的变形属性时，总是搞混或者不会正确使用，特记录一篇文档，以备查看。       本文示例中使用到的html结构都是统一的，代码如下：<style> #wrapper{ width: 200px; height: 200px; border: 1px dotted red;

在写完css3之变形后，感觉一下子对transform的使用清晰了很多，所以决定再把css3中其他重要新功能也梳理一下。本文将梳理transition和animation动画功能本文示例中使用到的html结构都是统一的，代码如下：<style> #wrapper{ width: 200px; height: 200px;

CSS3中引入的弹性盒子布局已经有一段时间，也经历了几次比较重大的修改，可本人一直都没怎么使用过这种布局，惭愧万分！这几天研究了一下这种布局方式，记录一下学习笔记，以后日后用到时过来查看。      2016年5月26日，W3C(官网：https://www.w3.org/ )组织发布了CSS3弹性盒子布局最新的CR版本： 网址：https://www.w3.org/TR/2016/CR-css

在css3中，有一系列类似的选择器， 它们在jQuery中也有与之功能相同的用法，所以本文将这些选择器中典型的2个进行说明，这样就同时掌握了css3这类型选择器和jquery这类型选择器的用法。nth-child与nth-of-type系列选择器       先用表格列出这2类选择器 含义 nth-child类 nth-of-type类 第一个 :first-child :f

总结一下本人在IE6、IE7下使用的CSS Hack写法，以防哪天又遇到需要兼容IE6、7的任务。一 CSS Hack 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致同样的CSS在不同浏览器的环境中呈现出不一致的页面展现效果。 这时为了获得统一的页面效果，就需要针对不同的浏览器