剧集
Fluent UI 训练：设置组件样式和主题
替换为 Oleksandr Fediashov
本教程概述了 Fluent UI React v9，强调样式自定义。 它涵盖函数的 makeStyles() 用法和 mergeClasses() 函数。 此外，还介绍了如何为基本方案编写样式，以及如何为 Fluent UI React 组件及其槽应用样式替代。
章节
- 00：00 - 课程简介
- 00：18 - makeStyles 用法
- 01：47 - makeStyles 和 CSS 速记
- 02：53 - 什么是 CSS 速记？
- 04：12 - 通过 mergeClasses 的条件样式
- 05：57 - Order is mergeClasses
- 07：08 - 什么是原子 CSS？
- 08：41 - 使用令牌进行主题设置
- 11：21 - 不同主题中的令牌
- 12：30 - 组件的自定义
- 13：40 - 自定义槽
- 16：40 - 使用 Griffel Devtools
- 17：58 - 伪类
- 18：54 - 嵌套选择器
- 20：55 - @media 查询
- 21：33 - CSS 关键帧、animationName
- 22：37 - Outro
推荐的资源
相关剧集
本教程概述了 Fluent UI React v9，强调样式自定义。 它涵盖函数的 makeStyles() 用法和 mergeClasses() 函数。 此外，还介绍了如何为基本方案编写样式，以及如何为 Fluent UI React 组件及其槽应用样式替代。
章节
- 00：00 - 课程简介
- 00：18 - makeStyles 用法
- 01：47 - makeStyles 和 CSS 速记
- 02：53 - 什么是 CSS 速记？
- 04：12 - 通过 mergeClasses 的条件样式
- 05：57 - Order is mergeClasses
- 07：08 - 什么是原子 CSS？
- 08：41 - 使用令牌进行主题设置
- 11：21 - 不同主题中的令牌
- 12：30 - 组件的自定义
- 13：40 - 自定义槽
- 16：40 - 使用 Griffel Devtools
- 17：58 - 伪类
- 18：54 - 嵌套选择器
- 20：55 - @media 查询
- 21：33 - CSS 关键帧、animationName
- 22：37 - Outro
推荐的资源
相关剧集
视频 URL
HTML iframe
想提供反馈？ 在此处提交问题。