Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS 在2023 迎来重大更新, 更新内容是什么【热度: 548】 #751

Open
yanlele opened this issue May 10, 2024 · 0 comments
Open
Labels
CSS CSS 相关问题 TOP100互联网 公司标签
Milestone

Comments

@yanlele
Copy link
Member

yanlele commented May 10, 2024

关键词:CSS 2023 年重大更新

新特性非常多,总结在下面

详情请看文档:https://juejin.cn/post/7320288231111016498

架构基础

  • 级联层
  • 嵌套
  • 作用域
  • 选择器 :is() 和 :where()
  • 选择器 :has()
  • 复杂的第 n-. 选择
  • CSS 三角函数
  • 子网格 subgrid

排版

  • 首字下沉
  • 均衡和美观

颜色

  • 高清色彩空间
  • color-mix() 函数
  • 相对颜色语法
  • 响应浅色或深色模式的 light-dark() 函数

响应式设计

  • 容器查询之尺寸查询
  • 容器查询之样式查询
  • 容器查询之状态查询
  • 更新媒体查询
  • 脚本媒体查询
  • 降低透明度的媒体查询
  • 媒体查询范围

交互动画

  • 视图过渡
  • 滚动驱动动效
  • 离散属性动画
  • @starting-style
  • overlay
  • 锚点定位
  • 动画合成
  • 缓动函数 linear()
  • Scrollend 事件
  • 滚动捕捉
@yanlele yanlele added CSS CSS 相关问题 TOP100互联网 公司标签 labels May 10, 2024
@yanlele yanlele added this to the milestone May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS CSS 相关问题 TOP100互联网 公司标签
Projects
None yet
Development

No branches or pull requests

1 participant