CSS
用于描述HTML文档呈现样式的语言，也可通过伪类选择器、表单状态等机制实现复杂交互逻辑
时间轴 (近 90 天)
Obsidian的主题核心是一个扩展名为.css的样式表文件，用户可在外观设置中切换主题
容器查询（Container Queries）使组件可以根据自身容器的宽度而非视口宽度来调整样式
现代 CSS 拥有 Grid、Flexbox、自定义属性（CSS Variables）、容器查询等能力，可用纯 CSS 完成过去须依赖脚本或结构 hack 的复杂布局
clamp()技术由CSS规范制定者和前端社区在2020年前后逐渐推广
clamp()是CSS原生函数，语法为clamp(最小值, 首选值, 最大值)，常用于实现无需媒体查询的流体排版
Flexbox、CSS Grid、background-image、border-radius等现代CSS属性在Outlook中几乎完全失效
常见的邮件暗色模式适配手段包括使用CSS媒体查询@media (prefers-color-scheme: dark)和在图片上使用透明PNG或SVG
CSS有三种引入方式：行内样式、内嵌样式和外部样式表
行内样式优先级最高，但无法复用，维护成本极高
外部样式表通过<link>标签引入，多个页面可共享同一样式文件，是工程化项目的标准做法
还有 18 条时间轴事件
全部知识事实 (20)
CSS Zen Garden demonstrated in the early 2000s that the same HTML could achieve completely different visual effects by switching stylesheets
80%待验证Obsidian的主题核心是一个扩展名为.css的样式表文件，用户可在外观设置中切换主题
50%待验证容器查询（Container Queries）使组件可以根据自身容器的宽度而非视口宽度来调整样式
50%待验证现代 CSS 拥有 Grid、Flexbox、自定义属性（CSS Variables）、容器查询等能力，可用纯 CSS 完成过去须依赖脚本或结构 hack 的复杂布局
50%待验证clamp()技术由CSS规范制定者和前端社区在2020年前后逐渐推广
50%待验证clamp()是CSS原生函数，语法为clamp(最小值, 首选值, 最大值)，常用于实现无需媒体查询的流体排版
50%待验证常见的邮件暗色模式适配手段包括使用CSS媒体查询@media (prefers-color-scheme: dark)和在图片上使用透明PNG或SVG
50%待验证Flexbox、CSS Grid、background-image、border-radius等现代CSS属性在Outlook中几乎完全失效
50%待验证Flex布局在父容器声明display:flex后，通过justify-content控制主轴对齐、align-items控制交叉轴对齐，可实现内容水平垂直居中
50%待验证行内样式优先级最高，但无法复用，维护成本极高
50%待验证外部样式表通过<link>标签引入，多个页面可共享同一样式文件，是工程化项目的标准做法
50%待验证CSS盒模型由content、padding、border、margin四层组成
50%待验证块级元素独占一行可设置宽高，行内元素在同一行排列且设置宽高不生效
50%待验证CSS四种核心选择器为标签选择器、类选择器、ID选择器和后代选择器
50%待验证CSS有三种引入方式：行内样式、内嵌样式和外部样式表
50%待验证CSS 有 @page 规则和 break-before/break-after 属性用于分页控制,但浏览器实现参差不齐,无法满足专业排版对分页精度的要求
50%待验证浏览器渲染过程分为样式计算、布局、绘制和合成四个阶段，CSS的transform和opacity属性只触发合成阶段，跳过布局和绘制步骤
50%待验证GSAP相比CSS动画提供了更精确的时间控制、更复杂的动画序列编排能力和更好的浏览器兼容性
50%待验证CSS 的 cursor 属性支持通过 url() 函数引用 .cur、.ani 或 .png 文件作为自定义光标
50%待验证CSS注入方式可能与网页样式规则产生优先级冲突（CSS特异性问题），或在使用Shadow DOM封装的现代Web组件上失效
50%