css一些开发技巧网站

270 阅读1分钟

在线展示代码

codesandbox.io/

css模块化思想

动画库 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移动端开发技巧

常见问题(1px,2倍图等等)

blog.csdn.net/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.cn/post/1

css项目架构

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不论正负别的元素动!正的向外,负的向内!考虑问题的时候还要考虑到盒子的特性问题!!