CSS 那些事儿

咨询chatgpt

css是典型的参数特别多, 细节特别多, 令人抓狂的一种配置语言. 看起来语法非常简单, 但是怎么组合出来需要的页面效果, 令人非常头疼, 不经历几个项目的打磨很难入门. css的开源代码倒是到处都是, 所有网站的css文件都可以直接查看, 问题是想要知道代表着什么也需要摸索很久. 这语言就是表面看起来特别简单, 但是门道很多, 需要先看各种文章才能把框架理会, 但是一段时间没写前端, 又都忘得干干净净了.

有了chatgpt, 又开始降维了, 程序员世界的心智负担又降低了几分.

比如浏览开源项目, 这段css代码都是自己不熟悉的写法, 就可以先从chatgpt的解释里进行入门, 再继续了解.

https://github.com/dyte-in/docs/blob/b568353f9f78d9350728752793692e6d7630d5e9/src/css/api-reference.css#L5

:root {
  --font-ui: var(--ifm-font-family-base) !important;
  --font-prose: theme('fontFamily.jakarta');
  --font-mono: var(--ifm-font-family-monospace) !important;
  --color-canvas: var(--ifm-background-color) !important;
  --color-canvas-100: var(--ifm-footer-background-color) !important;
  --color-primary-tint: var(--docs-color-primary-tint) !important;
}