PT CSS，全稱為 Prototype CSS，是一個(gè)輕量級、響應(yīng)式的CSS框架。它不是一個(gè)CSS預(yù)處理器或者類庫，而是一個(gè)有自己的生命周期、有自己的規(guī)則的完整的CSS框架。

PT CSS主要基于最新的CSS標(biāo)準(zhǔn)，包括Flexbox、Grid這些布局模型，而且PT CSS不僅僅只是為了響應(yīng)式的布局。它還包括了一些全局樣式、代碼重構(gòu)的工具和一些組件。

PT CSS的代碼非常簡單易懂，適合任何有CSS基礎(chǔ)的人上手。比如說，下面的代碼，是著名的“盒子模型”，但是只使用了一行代碼，非常簡潔：

.box {
box-sizing: border-box;
padding: 10px;
border: 1px solid black;
}

PT CSS還提供了很多擴(kuò)展CSS規(guī)則，使得編寫CSS代碼更加方便。其中最著名的擴(kuò)展規(guī)則就是“$”，可以在CSS中使用變量：

$primary-color: #007bff;
.btn-primary {
background-color: $primary-color;
color: white;
}

最后，PT CSS還提供了很多組件和工具，比如說全局的顏色、字體、大小、漸變等樣式工具，還有很多常用的組件，比如按鈕、表單元素、導(dǎo)航欄、卡片等等，可以大大縮短我們的構(gòu)建時(shí)間。