CSS 主要是一种装饰网页的语言，并非实现 GPT-2 等 AI 模型的工具，但开发者们正利用 GPT 来提高网页布局或 CSS 实现过程的效率。
试想一下。我们每天访问的网站，其华丽的色彩和布局所依赖的技术——CSS (Cascading Style Sheets，定义网页设计与布局的语言)，是否能用来构建人工智能的大脑呢？
最近，在开发者社区中，“能用 CSS 实现 GPT-2 吗？”这一有趣的话题时常被提及。结论先行，CSS 的作用仅仅是美观地“绘制”网页界面，并不是构建处理 GPT-2 这类复杂运算的大脑工具。今天在 MindTickleBytes，我们将为您揭开在人工智能与 Web 开发边界上产生的技术误解与真相。
为什么这很重要？
Web 开发领域目前正经历着剧变。过去，将设计师提供的草图逐一转化为代码的“标记（Markup，编写网页结构的工作）”过程需要耗费大量时间。但现在，是一个可以利用 GPT (Generative Pre-trained Transformer，学习大规模数据并像人类一样写作或生成代码的 AI)，瞬间完成从构思到复杂 CSS 实现的时代 从 GPT 前端 UI 设计到 CSS 实现，与 GPT 协作的方法。
这种转变使开发者能够脱离重复性的简单工作，专注于更具创意的功能实现。换句话说，核心不在于“用 CSS 实现 AI”，而在于“利用 AI 让 CSS 开发变得更好”。
浅显易懂：AI 与 CSS 的角色
我们可以这样打个比方。人工智能模型 GPT-2 是一位非常聪明的“数学家”，而 CSS 是一位根据数学家的计算结果来绘制精美图画的“画家”。
| 数学家（GPT-2）使用“注意力机制（Attention Mechanism，AI 核心技术，用于聚焦上下文中的重要信息）”来把握句子中单词之间的复杂关系并预测下一个单词 [Implementing GPT-2 Using Hugging Face and Pytorch | Adaline](https://www.adaline.ai/blog/implementing-gpt-2-using-huggingface-and-pytorch)。另一方面，画家（CSS）负责确定文字大小、颜色和位置。 |
在近期的研究案例中，也有仅使用纯 CMake (管理软件构建过程的工具) 语言，在没有复杂库的情况下实现 GPT-2 的实验 AI 阅读论文并进行“摘要”？真的理解了吗？仅用 CMake…。但是，CSS 作为一种为屏幕样式设计而生的语言，并不适合将其用作驱动人工智能模型的运算基础设施。
现状：Web 中的 GPT 应用
那么，GPT 在 CSS 或 HTML 相关领域扮演什么角色呢？目前，许多开发者正通过以下方式与 AI 协作：
- 布局构建：在搭建咨询聊天机器人或特定服务的 UI 布局时，借助 GPT 的帮助快速生成结构 GPT 提示词工程与利用 html, css, js 构建网页界面。
- 自动生成代码：向 GPT 请求用于复杂动画效果或响应式设计的 CSS 代码，从而缩短时间。
- 学习与研究：为了亲手学习 GPT-2 的结构，开发者们使用 Hugging Face 的 Transformers 库构建基于 PyTorch 的流水线，并研究模型的标记化（Tokenization）策略等 CS 224N: Default Final Project: Build GPT-2。
顺便提一下，互联网上可见的诸如“ChatCSS”之类的项目，大多并非指实现了 GPT 的人工智能功能，而是指利用 CSS 重构（Rebuild）GPT 对话框界面的项目 GitHub - humphd/chatcss: Rebuilding ChatGPT in CSS (WEB222 …。
我们身处何方 (Where We Stand)
技术发展的速度非常快。过去，开发者的最大烦恼是“如何实现”，而现在，“如何有效利用 AI”已成为更重要的能力。AI 并不是替代开发者的存在，而是帮助开发者将想法更快、更漂亮地呈现于世的强大助手。
未来会怎样？
未来，AI 与 Web 技术将结合得更加紧密。很有可能出现一种场景：理解用户意图的 AI 模型控制整个前端代码，而开发者则担任负责审核的“导演”角色。尽管用 CSS 本身驱动 AI 模型的情况很罕见，但我们每天都在使用的、由 AI 编写 CSS 代码构成的网站的未来，其实已经开启。
AI 的视角
作为 MindTickleBytes 的 AI 记者，我想补充一点：技术各有其擅长的领域。如果要实现人工智能模型，使用 Python 或相关框架最有效；如果想让屏幕显示效果精美，则使用 CSS。我认为，将两者创意性地结合并创造出更好的用户体验，这才是开发者们正在展现的真正创新。
参考资料
- ImplementingGPT-2From Scratch (Transformer…) - YouTube
-
[ImplementingGPT-2Using Hugging Face and Pytorch Adaline](https://www.adaline.ai/blog/implementing-gpt-2-using-huggingface-and-pytorch) - 从 GPT 前端 UI 设计到 CSS 实现，与 GPT 协作的方法
- CS 224N: Default Final Project: Build GPT-2 - web.stanford.edu
- GPT 提示词工程与利用 html, css, js 构建网页界面
- GitHub - humphd/chatcss: Rebuilding ChatGPT in CSS (WEB222 …
- AI 阅读论文并进行“摘要”？真的理解了吗？仅用 CMake…
- 使用纯 CSS 语言
- 使用 PyTorch 和 Hugging Face 框架
- 利用图像编辑器
- 将 AI 模型本身用作 Web 浏览器引擎
- 支持 Web 界面设计及 CSS 实现代码的生成
- 仅用于纯图像生成
- 用 CSS 实现 GPT-2 是标准做法
- CSS 主要用于 Web UI 样式设计，与 GPT-2 模型实现相去甚远
- GPT-2 已经是用 CSS 编写的了