css一些开发技巧网站

在线展示代码

codesandbox.io/

css模块化思想

• www.cnblogs.com/WebShare-hi…
• css 名称和模块化 www.cnblogs.com/yoomin/p/56…

动画库 popmotion

popmotion.io/learn/input…

腾讯移动web小结

www.alloyteam.com/2015/06/yi-…

移动web页面，input获取焦点弹出系统虚拟键盘时，挡住input

www.zhihu.com/question/32…

前端组件库

top.css88.com/archives/66…

H5移动端开发技巧

• www.html-js.com/article/Mob…
• zhuanlan.zhihu.com/p/30419351

常见问题（1px,2倍图等等）

blog.youkuaiyun.com/qq_33999340…

移动端flex布局

www.ruanyifeng.com/blog/2015/0…

图片不失真

固定盒子本身尺寸定义好。图片的属性写成

img { max-width: 100%; max-height: 100%; }

常用几个布局

www.bestvist.com/2017/10/14/…

常见居中垂直css

segmentfault.com/a/119000001…

css 常用实战技巧

segmentfault.com/a/119000001…

CSS实现Sticky Footer

• 所谓 “Sticky Footer”，并不是什么新的前端概念和技术，它指的就是一种网页效果： 如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。
• 参考地址 juejin.im/post/5a1187…

css项目架构

• www.cnblogs.com/limingxi/p/… 架构一
• www.cnblogs.com/limingxi/p/… 架构二

css3教程

www.w3cplus.com/resources/c…

HTML5新属性

tgideas.qq.com/webplat/inf…

苑一峰 css教程

github.com/wangdoc/css…

margin总结

segmentfault.com/a/119000000…

我的总结就一句话：left、top不论正负自己动，right、bottom不论正负别的元素动！正的向外，负的向内！考虑问题的时候还要考虑到盒子的特性问题！！