CSS3元素周期表是一種對CSS3中常用的選擇器和屬性進行分類和歸納的表格，它以化學元素周期表的形式呈現，方便查找和理解各種CSS3元素的功能和使用方式。

// CSS3選擇器
.el {
font-size: 14px;  // 屬性
color: #000;
background: #fff;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
#myButton:hover {
background: #f00;
color: #fff;
cursor: pointer;
}
.element:nth-of-type(even) {
background: #eee;
}
@media (max-width: 600px) {
.container {
display: none;
}
}
::after {
content: "";
display: table;
clear: both;
}
// CSS3屬性
div {
transition: all 0.3s ease-in-out;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
transform-origin: center center;
transform: rotate(45deg);
text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
background: linear-gradient(to bottom, #f00, #00f);
}

CSS3元素周期表的分類包含選擇器和屬性兩個方面。選擇器用于選取HTML文檔中不同的元素，使得元素可以應用不同的CSS樣式；而屬性用于定義元素的樣式和特征，可以在CSS樣式表中為元素添加不同的視覺效果。

CSS3選擇器包含了大量的選擇方法，如class選擇器、id選擇器、屬性選擇器、偽類選擇器以及偽元素選擇器等。這些選擇器可以靈活的選取不同的HTML元素，為網頁設計提供了更多的創意和想象空間。

而CSS3屬性也不斷的進行擴展和升級，包括有過渡、動畫、變形、漸變、陰影、文本特效、彈性盒子、柵格布局等諸多功能，可以為網頁設計帶來更加個性化和豐富的效果和使用體驗。