在前端開發中，使用 CSS 框架可以使我們更快速地搭建網站的外觀和樣式，大大節省了開發時間。而在使用 CSS 框架時，我們需要引入框架的 CSS 文件和 JavaScript 文件，一般有兩種方式。
第一種方式是通過 CDN 鏈接引入框架文件，例如 Bootstrap、Semantic UI、Foundation 等。我們只需要在 HTML 文件的 head 標簽中加入相應的鏈接即可，例如：
<head> <!-- 引入 Bootstrap CSS 文件 --> <link rel="stylesheet" integrity="sha384-Q1HuKNsiNY3DID9MvOTTkIZe//QkNP0x5UIwp8YgxKCd5wuTxMMBpgr1JSbXnJBv" crossorigin="anonymous"> <!-- 引入 Bootstrap JavaScript 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js" integrity="sha384-CZEeVJWA8+xvTov7admT1l+LVV7OuHyJvY1BpmuZzOKWRV+ORWKh0vSaP6qiud+D" crossorigin="anonymous"></script> </head>第二種方式是將框架文件下載到本地，然后在 HTML 文件中引入本地文件。這種方式需要我們先從官方網站下載相應的框架文件，然后在 HTML 文件中引入，例如：
<head> <!-- 引入 Bootstrap CSS 文件 --> <link rel="stylesheet" href="./bootstrap.min.css"> <!-- 引入 Bootstrap JavaScript 文件 --> <script src="./bootstrap.min.js"></script> </head>需要注意的是，在使用 CSS 框架時，我們需要根據自己的需求選擇相應的框架，并且要了解框架的語法和樣式類的使用。同時，每個框架的文件大小不同，需要在合理的情況下來選擇是否使用 CDN 鏈接或者本地文件。
上一篇css框架開源
下一篇css框架背景半透明代碼