CSS是一種用于網頁設計的樣式表語言，通過定義網頁元素的樣式，可以使網頁更加美觀、易于閱讀和維護。雖然CSS有很多不同的樣式規則，但我們可以將其分為100種不同的類別，以便更好地管理和使用。在本文中，我們將介紹CSS100種樣式的每一種類別。
CSS100種樣式的第一種類別是顏色。顏色是CSS中最基本的樣式之一，可以用于定義網頁元素的字體、背景和邊框顏色。以下是一些常用的顏色值：
#red: red;
#blue: blue;
#green: green;
#yellow: yellow;
#orange: orange;
#pink: pink;
#white: white;
#black: black;
#gray: gray;
CSS100種樣式的第二種類別是字體樣式。字體樣式可以用于定義字體的大小、粗細、顏色和背景等。以下是一些常用的字體樣式值：
font-size: 12px;
font-weight: bold;
font-style: italic;
font-family: Arial, sans-serif;
CSS100種樣式的第三種類別是邊框樣式。邊框樣式可以用于定義網頁元素的邊框寬度、顏色和背景等。以下是一些常用的邊框樣式值：
border-width: 1px;
border-style: solid;
border-color: #f00;
CSS100種樣式的第四種類別是背景樣式。背景樣式可以用于定義網頁的背景顏色、背景圖像和背景圖等。以下是一些常用的背景樣式值：
background-color: #000000;
background-repeat: no-repeat;
background-position: center center;
CSS100種樣式的第五種類別是列表樣式。列表樣式可以用于定義列表項的字體、顏色和背景等。以下是一些常用的列表樣式值：
list-style-type: none;
list-style-position: outside;
list-style-color: #000;
CSS100種樣式的第六種類別是表格樣式。表格樣式可以用于定義表格的字體、顏色和背景等。以下是一些常用的表格樣式值：
table-layout: fixed;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
CSS100種樣式的第七種類別是邊框和底紋樣式。邊框和底紋樣式可以用于定義網頁元素的邊框和底紋顏色、寬度和背景等。以下是一些常用的邊框和底紋樣式值：
border-color: #000000;
border-width: 1px;
border-style: solid;
CSS100種樣式的第八種類別是響應式樣式。響應式樣式可以用于響應不同設備屏幕尺寸和分辨率的樣式需求。以下是一些常用的響應式樣式值：
@media mediatype and (media feature): media-feature {
/* CSS rules for the media type and media feature */
CSS100種樣式的第九種類別是圖標樣式。圖標樣式可以用于定義網頁元素的圖標和圖標背景等。以下是一些常用的圖標樣式值：
icon-name: url(icon-name);
icon-width: 16px;
icon-height: 16px;
CSS100種樣式的第十種類別是邊框和底紋圖標樣式。邊框和底紋圖標樣式可以用于定義圖標的邊框和底紋顏色、寬度和背景等。以下是一些常用的邊框和底紋圖標樣式值：
icon-background-color: #000000;
icon-border-width: 1px;
icon-border-style: solid;
CSS100種樣式的第十一種類別是響應式邊框和底紋圖標樣式。響應式邊框和底紋圖標樣式可以用于響應不同設備屏幕尺寸和分辨率的樣式需求。以下是一些常用的響應式邊框和底紋圖標樣式值：
@media mediatype and (media feature): media-feature {
/* CSS rules for the media type and media feature */
icon-background-color: #000000;
icon-border-width: 1px;
icon-border-style: solid;
CSS100種樣式的第十二種類別是邊框和底紋背景樣式。邊框和底紋背景樣式可以用于定義網頁元素的邊框和底紋顏色、寬度和背景等。以下是一些常用的邊框和底紋背景樣式值：
background-color: #000000;
background-repeat: no-repeat;
background-position: center center;
CSS100種樣式的第十三種類別是列表項樣式。列表項樣式可以用于定義列表項的字體、顏色和背景等。以下是一些常用的列表項樣式值：
li:nth-child(1), li:nth-child(2), li:nth-child(3) {
font-size: 12px;
font-weight: bold;
font-style: italic;
font-family: Arial, sans-serif;
CSS100種樣式的第十四種類別是文本樣式。文本樣式可以用于定義網頁元素的字體、顏色和大小等。以下是一些常用的文本樣式值：
text-align: center;
text-decoration: none;
font-size: 12px;
line-height: 1.5;
a:link {
color: #007bff;
text-decoration: none;
a:visited {
color: #007bff;
text-decoration: none;
a:hover {
color: #006688;
text-decoration: underline;
以上就是CSS100種樣式的每一種類別的介紹，通過掌握這些類別，我們可以更加深入地理解CSS，并更好地使用它來設計美觀、易于閱讀和維護的網頁。