CSS 打字測試

練習輸入真實的 CSS 程式碼——您每天都在用的符號、關鍵字與縮排。測量寫程式 WPM、正確率與語法正確率。

時間0:00
WPM0
CPM0
錯誤0
進度0%
最佳 · CSS0

點一下這裡並開始打字

Enter = 換行 · Tab = 縮排 · Esc = 重新開始。按錯的鍵會被計算,游標則等待正確的按鍵。

打 CSS 的小技巧

CSS 的節奏是屬性、冒號、值、分號——一遍又一遍。像 justify-content 這樣帶連字號的屬性名稱,以及 rem、px 這類單位,是手指容易打滑的地方;每個宣告都以穩定的節奏為目標。

您可能會遇到的 CSS 片段

.card {
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

依語言分類的程式碼打字測試

程式碼打字測試如何運作

  1. 選擇語言與長度,點一下編輯器並開始打字——計時從您按下第一個鍵時開始。
  2. 按 Enter 換行。開啟自動縮排時,行首空白會像在您的編輯器中一樣被略過;關閉它則可一併練習縮排。
  3. 按錯的鍵會閃紅並被計算,但游標會等待正確的字元——所以每次失誤都會被測量,卻不會留下壞掉的程式碼。
  4. 您的結果會顯示寫程式 WPM、整體正確率、語法正確率,以及您最常打錯的確切字元。

程式碼打字測試 — 常見問題

程式設計師的打字速度多少算好?

由於符號、大小寫與縮排,寫程式 WPM 通常比一般文章 WPM 低 30–50%。在 95% 以上正確率下達到 40–60 的程式碼 WPM 算紮實;超過 70 則是優秀。

什麼是語法正確率?

它只計算非字母字元的正確率——括號、大括號、引號、分號與運算子。這些按鍵是多數語法錯誤的來源,所以它是值得提升的數字。

可以練習哪些語言?

JavaScript、TypeScript、Python、SQL、Java、C#、C++、Go、Rust、PHP、HTML、CSS 與 Bash——全都是真實世界的程式碼片段。

打字更快會讓人成為更好的程式設計師嗎?

思考比打字重要,但流暢地打出符號能減少阻力:更少錯字、更少壞掉的建置,並把更多注意力留給真正的問題。

繼續練習