在CSS中，元素可以被分為11個不同的類別。每個類別都有其特定的用途和屬性集，使其成為樣式表設計的基本構建塊。

1. 文本類
屬性：color, text-align, text-decoration, text-indent…等
用途：設置文本的樣式，包括文字的顏色、對齊方式、裝飾、縮進等
2. 背景類
屬性：background-color, background-image, background-repeat…等
用途：設置元素的背景顏色和背景圖片
3. 字體類
屬性：font-family, font-size, font-weight, font-style…等
用途：設置元素的字體樣式，包括字體家族、大小、粗細、樣式等
4. 鏈接類
屬性：a:link, a:visited, a:hover, a:active
用途：設置超鏈接的樣式，包括正常鏈接、已訪問鏈接、鼠標懸停鏈接、點擊鏈接
5. 列表類
屬性：list-style-type, list-style-position, list-style-image
用途：設置列表的樣式，包括列表項的符號類型、位置和圖像
6. 表格類
屬性：border, cellpadding, cellspacing, table-layout…等
用途：設置表格的樣式，包括表格邊框、單元格內邊距、單元格間距、表格布局等
7. 盒模型類
屬性：width, height, margin, padding, border…等
用途：設置元素的尺寸、邊距、內邊距和邊框
8. 定位類
屬性：position, top, bottom, left, right, z-index
用途：設置元素的位置和層級關系
9. 浮動類
屬性：float, clear
用途：設置元素的浮動和清除
10. 清除類
屬性：clear
用途：清除已浮動元素的影響
11. 其他類
屬性：cursor, display, overflow…等
用途：設置元素的其他樣式屬性，包括指針樣式、顯示方式、溢出內容的處理等

這11個類別的元素覆蓋了大部分樣式表設計所需的基本元素。在樣式表設計中，熟練掌握這些元素的屬性和用途，可以使頁面的樣式更加美觀、舒適。