CSS 預設定是一種使用現成的 CSS 樣式庫來加速網站開發的方法，它可以幫助開發者快速構建網站界面，提高開發效率，減少重復工作的時間和精力。以下是一些常用的 CSS 預設定庫。

Normalize.css

Normalize.css 是面向現代瀏覽器的一套樣式重置庫。它通過簡化默認樣式并提供通用的樣式集合，使得網站主題在不同的瀏覽器和設備上展示效果更加一致。同時，Normalize.css 還修復了一些瀏覽器的 bug，并提供了一些默認的 HTML 和表單樣式。

/* 引入 Normalize.css */
<link rel="stylesheet" href="normalize.css">

Bootstrap

Bootstrap 是一套開源的 UI 框架，它提供了一系列的 HTML、CSS 和 JavaScript 組件，用于快速構建響應式、移動優先的網站界面。Bootstrap 的核心優勢在于其豐富的組件庫和強大的響應式設計，能夠幫助開發者快速創建漂亮的網站界面。

/* 引入 Bootstrap */
<link rel="stylesheet"  integrity="..." crossOrigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="..." crossOrigin="anonymous"></script>

Bulma

Bulma 是一套基于 Flexbox 的現代 CSS 框架，它具有高度的可定制性和模塊化的設計風格。Bulma 提供了各種元素樣式，包括網格系統、按鈕、表單、導航欄等，可幫助開發者快速構建多種網站界面。Bulma 的一個優點是其輕量級的代碼和高度的響應性，能夠適應各種移動設備和屏幕尺寸。

/* 引入 Bulma */
<link rel="stylesheet" >

總結

CSS 預設定是一種快速開發網站的方法，它能夠幫助開發者快速構建漂亮、響應式的網站界面。選擇適合自己項目的預設定庫更需要根據實際情況來選擇，以便更好地提高開發效率和開發體驗。