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