CSS 是站在前端開發領域中重要的一環，它可以處理網頁中的文本格式、背景顏色、布局樣式等。今天我們來了解一下 CSS 相關的 API。

/* 
定義樣式表
使用 style 標簽、link 標簽或者 @import 輸入
*//*
選擇器
*/
p /* 標簽選擇器 */
#idName /* ID 選擇器 */
.className /* 類選擇器 */
/*
盒子模型
*/
box-sizing: content-box /* 默認盒子模型 */
box-sizing: border-box /* 以邊框大小為盒子大小 */
/*
文本相關樣式
*/
color: #000 /* 文本顏色 */
font-size: 16px /* 字號大小 */
line-height: 1.5 /* 行高 */
text-align: center /* 文本居中對齊 */
font-weight: 700 /* 字體粗細 */
text-decoration: underline /* 加下劃線 */
text-transform: capitalize /* 首字母大寫 */
/*
背景相關樣式
*/
background-color: #fff /* 背景顏色 */
background-image: url('image.jpg') /* 背景圖片 */
background-size: cover /* 圖片鋪滿 */
background-position: center center /* 圖片居中 */
background-repeat: no-repeat /* 不重復 */
/*
邊框相關樣式
*/
border: 1px solid #000 /* 邊框線 */
border-radius: 5px /* 圓角 */
border-top: none /* 取消頂部邊框 */
/*
布局相關樣式
*/
display: block /* 塊狀元素 */
display: flex /* 彈性布局 */
width: 100px /* 寬度 */
height: 50px /* 高度 */
margin: 0 auto /* 上下邊距為 0，左右居中 */
position: relative /* 相對定位 */
left: 10px /* 向左偏移 10px */
top: 20px /* 向上偏移 20px */
z-index: 999 /* 堆疊順序 */
/*
動畫相關
*/
animation: myAnimation 3s linear infinite /* 添加動畫 */
@keyframes myAnimation { /* 定義動畫 */
from { left: 0; }
to { left: 100%; }
}