樹枝CSS是一款方便易用，可以幫助我們快速構(gòu)建UI的CSS框架。

這里我們將介紹一些樹枝CSS的常用類名及其相應(yīng)的CSS代碼：

/* 定義顏色 */
.bg-default { background-color: #f8f8f8; }
.bg-primary { background-color: #337ab7; }
.bg-success { background-color: #5cb85c; }
.bg-info { background-color: #5bc0de; }
.bg-warning { background-color: #f0ad4e; }
.bg-danger { background-color: #d9534f; }
/* 定義字體大小 */
.font-xs { font-size: 12px; }
.font-sm { font-size: 14px; }
.font-md { font-size: 16px; }
.font-lg { font-size: 18px; }
/* 定義邊框 */
.border { border: 1px solid #ccc; }
.border-top { border-top: 1px solid #ccc; }
.border-right { border-right: 1px solid #ccc; }
.border-bottom { border-bottom: 1px solid #ccc; }
.border-left { border-left: 1px solid #ccc; }
.border-radius { border-radius: 5px; }
/* 定義布局 */
.float-left { float: left; }
.float-right { float: right; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.hidden { display: none; }
/* 定義寬高 */
.w-100 { width: 100%; }
.h-100 { height: 100%; }
/* 定義背景圖 */
.bg-img { 
background-image: url('xxx.jpg'); 
background-size: cover; 
background-repeat: no-repeat; 
}

以上代碼只是樹枝CSS樣式中的一小部分，更多實(shí)用的類名和CSS代碼，樹枝CSS的官網(wǎng)上有詳細(xì)的介紹。