跟着前手淘前端技术专家一起进阶 CSS

*   CSS 的父选择器：:has()

*   CSS 选择器 :has() 能解决什么问题？

*   CSS 选择器：:has() 与 :not() 的组合

*   CSS 选择器：:where() vs. :is()

*   CSS 焦点样式：:focus-visible 和 :focus-within

*   用于美化模态框的 :modal 和 ::backdrop

*   CSS Custom Highlight API：Web 文本范围高亮的未来

*   画中画：CSS 的 :picture-in-picture 伪类

*   CSS 显式默认值：inherit，initial，unset 和 revert

*   现代 CSS 中的颜色格式： RGB，HSL，HWB，LAB 和 LCH

*   新的 CSS 颜色空间：为 Web 设置高清颜色

*   CSS 中的 OKLCH 和 OKLAB

*   CSS 的混合颜色：color-mix()

*   Web 控件 UI 颜色的定制：accent-color 和 color-scheme

*   颜色对比度：color-contrast()

*   CSS 的比较函数： min()， max() 和 clamp()

*   CSS 的三角函数

*   F-mods：可用于 @font-face 的新特性

*   CSS 的 text-box-trim 和 text-box-edge 给排版带来的变化

*   Web 上的可变字体

*   Web 上的彩色字体

*   首字母下沉： initial-letter

*   经典排版技术：使用 text-wrap: balance 实现文本平衡换行

*   CSS 自定义属性你知道多少

*   CSS 自定义属性可以用来做些什么

*   现代 CSS 中的相对单位

*   CSS 逻辑属性和逻辑值

*   CSS Grid 之瀑布流布局：masonry 和 masonry-auto-flow

*   CSS 媒体查询新特性：@media

*   CSS 判断：@supports

*   CSS 分层：@layer

*   CSS 容器查询之尺寸查询

*   CSS 容器查询之样式查询和状态查询

*   CSS 的嵌套和作用域：& 和 @scope

*   CSS 计数器：@counter-style

*   CSS 自定义属性: @property

*   CSS 变换之单个变换

*   CSS 宽高比：aspect-ratio

*   CSS 的锥形渐变

*   CSS 的 Clipping 和 Masking

*   CSS 的 object-view-box

*   CSS 图像处理与特效指南

*   CSS 滚动驱动动效

*   CSS 路径动画

*   CSS 动画合成：animation-composition

*   解锁 CSS View Transitions API 的魔力

*   CSS 锚点定位： 探索下一代 Web 布局