目录

• css 小技巧

• Css小技巧

  • backdrop-filter 毛玻璃
  • clamp()函数：流体布局
  • css 动态主题切换
  • has 选择器
  • is 选择器 和 where 选择器
  • will-change 使用优化动画性能
  • 较冷
    6. :placeholder-shown：捕捉输入框 “空状态”accent-color：一键美化表单元素all-unset 清楚默认样式css 小技巧2inset 简化定位布局scroll-snap-type自动吸附text-wrap: balance：智能均衡文本折行user-valid 表单验证

• Flex

  • Flex 布局下文字省略不生效
  • flex 布局原理
  • flex:1

• Grid

  • grid 容器属性介绍
  • 实战
    auto-fit 和minmax去掉右侧空白grid-auto-flow: row dense 表示尽可能填充，而不留空白固定列宽，改变列的数量即float效果实现等分响应式
  • 项目属性介绍

• html中引入特殊字体

• overflow:overlay 不生效了？

• windows 设置 mac 滚动条效果

• 伪类

  • first-child 和 first-of-type 的区别

• 文字两端对齐

• 瀑布流效果

• 获取图片颜色的主色调

• 设置滚动条样式