北京
整理 | 屠敏
出品 | CSDN（ID：CSDNnews）
在大多數人的認知里，CSS 只是用來美化網頁的樣式表語言，和編程、運算關系不大，甚至不少程序員們還常拿“CSS 算不算編程語言”當作玩笑。
不過近日，一位名為 Lyra Rebane 的開發者坐實了「CSS 就是一門編程語言」的說法，她僅憑純 CSS 寫出了一個 x86 CPU 模擬器，全程沒有使用一行 JavaScript、WASM 代碼，讓原本只負責網頁樣式的 CSS，真正實現了“計算”的功能。
這個看似“離經叛道”的項目，也讓人們重新審視 CSS 的能力邊界。
試玩地址：https://lyra.horse/x86css/
一個純 CSS 打造的 x86 CPU 模擬器，能跑 C 程序還帶交互
據 Lyra Rebane 介紹，她開發的這個項目名為 x86css（https://lyra.horse/x86css/），本質上是一個基于 CSS 實現的 16 位 x86 CPU 模擬器。
簡單來說，就是用網頁樣式語言在瀏覽器里造了一臺“迷你電腦”。這臺“CSS 電腦”并非花架子，而是具備了實際的運算和交互能力，甚至能像真實的 CPU 一樣執行機器代碼。
基于此，她建了一個網頁，展示一個用 C 語言編寫的程序，經過 GCC 編譯成原生的 8086 機器碼后，完全在 CSS 中執行的過程。
從功能來看，x86css 配備了一個基礎的顯示界面和虛擬鍵盤，還預裝了一些程序，比如用于計算斐波那契數列、生成 Pascal 三角形，甚至還有一個類 Wordle 的文字游戲，這些程序都能在純 CSS 環境下獨立運行。
更令人驚訝的是，它并非只能運行開發者預設的程序，普通開發者也能自己編寫 C 語言代碼，通過專用編譯器編譯后，在這個 CSS 模擬器上執行。
很多人看到這個項目的第一反應是：“它能跑 Doom 嗎？”這是游戲和編程圈的經典問題，也是對模擬器性能的終極考驗。
答案是暫時不能，原因并非 CSS 性能不足，而是這個模擬器目前僅實現了 16 位 x86（8086）架構的核心功能，缺少中斷處理、端口輸入輸出等游戲必備的關鍵特性，而 Doom 作為 32 位程序，還需要 32 位 CPU、4MB 內存和保護模式支持，這些都是當前版本的 x86css 尚未實現的。
但即便如此，能讓 CSS 實現 CPU 的核心運算功能，已經是前所未有的突破。
不用 JS、不依賴 AI 大模型，CSS 如何實現“計算”？
在普通人看來，CSS 只是用來設置字體、顏色、布局的工具，怎么可能實現 CPU 的運算邏輯？
Lyra Rebane 的操作，全靠把現代 CSS 的新特性玩到了極致，而且全程手搓代碼。
首先明確一點，這個 x86 CPU 是純 CSS 驅動的，并沒有借助 JavaScript 或 WebAssembly。
對此，有人發現 Lyra Rebane 分享的網站里包含了
特別聲明：以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布，本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
