CSS Protips是一个开源的前端知识电子书籍，里面收集并整理了 CSS 相关的一些开发及使用技巧。遵守CC知识共享协议。目前已经翻译为多国语言（包含中文）。

知识点内容包括：

  1. 使用CSS复位
  2. 继承 box-sizing
  3. 使用unset而不是重置所有属性
  4. 使用 :not() 选择器来决定表单是否显示边框
  5. 检查字体是否在本地安裝
  6. 为 body 元素添加行高
  7. 为表单元素设置:focus
  8. 垂直居中任何元素
  9. 逗号分隔的列表
  10. 使用负的 nth-child 来选择元素
  11. 使用 SVG 图标
  12. 使用 “形似猫头鹰” 的选择器
  13. 使用 max-height 来建立纯 CSS 的滑块
  14. 创造格子等宽的表格
  15. 利用 Flexbox 去除多余的外边距
  16. 利用属性选择器来选择空链接
  17. 给 “默认” 链接定义样式
  18. 内在比例盒
  19. 为图裂定义样式
  20. 用 rem 来调整全局大小；用 em 来调整局部大小
  21. 隐藏没有静音、自动播放的影片
  22. 使用选择器 :root 来控制字体弹性
  23. 为更好的移动体验，为表单元素设置字体大小
  24. 使用指针事件来控制鼠标事件
  25. 在用作间距的换行符上设置display-none
  26. 使用 :empty 隐藏空 HTML 元素

 

源代码：https://github.com/AllThingsSmitty/css-protips