//.class是你要实现这个图片效果的上一级容器的class类名称，如果没有这个的话，你整个页面的图片都会触发效果。
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了正定免费建站欢迎大家使用！
如果您使用大量的“编辑CSS”功能在Firefox的Web开发工具栏，同时stying你的WordPress博客，那么你一定会提高您的生产力有一个额外的选项卡，开MyCSS和复制所需的CSS变化直接编辑CSS面板MyCSS文本框。
步骤二：配置插件 安装完成后，点击“设置-WP Super Cache”进入插件配置页面。在“高级”选项卡中，勾选“使用预加载”，这将预先生成静态HTML文件，从而加快页面加载速度。
下面说一下制作动画的步骤：一：自己要清楚自己所要做的动画的一个整体形态，首先就是要建模二：拆分动画形态，就是每帧的形态，或者是一个时长动画的开始和结束形态，中间过程的变化形态。
transition ，所在元素块样式变动时启动，可用于样式变动时 产生过渡动画效果 | transition-property | 规定设置过渡效果的 CSS 属性的名称。 | | transition-duration | 规定完成过渡效果需要多少秒或毫秒。
可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。
动画效果的 CSS 样式在 core.js 里面。控制动画执行是在 baomi.js 里面。其实这个页面可以再完善下 section 元素 move 出屏幕的时候，去掉 animated；当move 回来的时候再加上 animated。
指定transition效果作用的CSS属性，其值是CSS属性名。transition-duration 动画效果持续的时间，其值为以s结尾的秒数。
你的css尽量遵从标准对于不同浏览器对同一css解释不同的地方做处理。如：hack方式编写多套css以适应不同浏览器和分辨率，这方法成本太高。
编写出兼容各浏览器的CSS的技巧和方法： Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。
要区分IE和chrome，有个分水岭就是IE9，IE9以上浏览器支持HTML5，所以可以采用一些CSS3中的新属性来区分IE低版本与chrome，另外还可以采用属性值加\9的方式来区分IE和chrome，例如：top：10px\9； （仅IE有效）。
清除块display，这个可以解决浮动造成的块，造成块后，当DIV背景填色或填图片的时候，会出现背景断开或差一小块。
第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如： 然后每个div里面的元素再具体设置宽度。第二种办法，如果你要针对移动端用户，可以使用响应式web设计。
我们可以把所有的样式存放在一个以.css为结尾的文件里，然后将这个CSS文件链接到各个网页中。比如我们制作了一个首页，把它的样式表文件命名为index.css。
