刚从阮一峰大神博客看到一个有意思的Github仓库,来推荐一下。

原创 ls1210485244 随笔 推荐转载 771阅读 2018-05-12 14:42:45 举报

看了一下里面的效果 觉得又长知识了 -0- 哈哈,不知道咋说,就是推荐大家也看看。。。

链接戳下面的CSS 专业技巧

CSS 专业技巧

暂时里面包括的效果

  1. 使用css复位
  2. 继承-box-sizing
  3. 使用unset而不是重置所有屬性
  4. 使用-not-选择器来决定表单是否显示边框
  5. 为-body-元素添加行高
  6. 垂直居中任何元素
  7. 逗号分隔列表
  8. 使用负的-nth-child-来选择元素
  9. 使用-svg-图标
  10. 使用-形似猫头鹰-的选择器
  11. 使用-max-height-来建立纯-css-的滑块
  12. 创造格子等宽的表格
  13. 利用-flexbox-去除多余的外边距
  14. 利用属性选择器来选择空链接
  15. 给-默认-链接定义样式
  16. 一致垂直节奏
  17. 固定比例盒子
  18. 为破碎图象定义样式
  19. 用-rem-来调整全局大小用-em-来调整局部大小
  20. 隐藏没有静音自动播放的影片
  21. 使用选择器root来控制字体弹性
  22. 为更好的移动体验为表单元素设置字体大小
  23. 使用指針事件來控制鼠標事件

阮一峰博客-每周分享第 4 期

评论 ( 6 )
最新评论

嗯嗯 当时直接把README.md的内容复制了下 里面全是相对链接。。。

都是死链啊

lawrence 2018-05-24 16:54:38 3F

好像就一个页面

ls1210485244 1F 2018-05-15 09:08:36 2F

下面的是我直接复制的Repo的README的内容 里面的链接都指向的Repo的文件

CSS专业技巧那个链接就可以了。。。

肥肥肥智 2018-05-14 15:15:18 1F

干的漂亮。。一个打不开