CSS 专业技巧

一个帮你提升 CSS 技巧的收藏集。

对于其他收藏集合可以查看 @sindresorhus 创建的收藏集合 Awesome Lists.

• 使用CSS复位
• 继承 box-sizing
• 使用unset而不是重置所有属性
• 使用 :not() 选择器来决定表单是否显示边框
• 檢查字體是否在本地安裝
• 为 body 元素添加行高
• 为表单元素设置:focus
• 垂直居中任何元素
• 逗号分隔列表
• 使用负的 nth-child 来选择元素
• 使用 SVG 图标
• 使用 “形似猫头鹰” 的选择器
• 使用 max-height 来建立纯 CSS 的滑块
• 创造格子等宽的表格
• 利用 Flexbox 去除多余的外边距
• 利用属性选择器来选择空链接
• 给 “默认” 链接定义样式
• 固定比例盒子
• 为图裂定义样式
• 用 rem 来调整全局大小；用 em 来调整局部大小
• 隐藏没有静音、自动播放的影片
• 使用选择器:root灵活控制字体大小
• 为更好的移动体验，为表单元素设置字体大小
• 使用指针事件來控制鼠标事件
• 在用作间距的换行符上设置display: none
• 支持情况