1表格（form）相关1.1输入框（input）一个简单的输入框样式，简洁而不浮夸。需要大约30行CSS代码。演示程序1.2单选多选框（checkbox、radio）浏览器自带的checkbox和radio样式太差。本例展示了一种简洁大方的单选多选框样式。它需要大约25行CSS代码，并且需要三个额外的小png图标。演示程序1.3选择框（select）一个简单的选择框样式。需要大约50行CSS代码。演示程序1.4文件选择框（file）一个简单的文件选择框样式。需要大约20行CSS代码和另外6行JavaScript代码。Demo2非表单相关2.1Button1（按钮）是一个平面按钮样式，配色方案与bootstrap相同。需要大约65行CSS代码。演示程序2.2按钮2(button)一个具有3D效果的按钮样式。需要大约60行CSS代码。演示程序2.3模态框（Modal）一种简单的模态框样式。纯CSS实现需要大约90行CSS代码。演示程序2.4导航栏1（navbar）一个带有二级导航的简单导航栏。需要大约50行CSS代码。演示程序2.5导航栏2（navbar）一个带有尖角样式的导航栏。需要大约50行CSS代码。演示程序2.6面包屑（breadcrumb）一个简单的面包屑样式。需要大约70行CSS代码。演示程序2.7块引用（blockquote）常规的块引用样式，文章排版的必备组件。需要大约30行CSS代码。演示程序2.8推拉门（slider）一个简单的推拉门组件。需要大约50行CSS代码，另外还有大约40行JQuery代码。Demo2.9选项卡(tab)一个简单的选项卡样式。需要大约60行CSS代码。演示程序2.10分页（Pagination）一种常规的分页样式。需要大约50行CSS代码。演示程序2.11响应式表格（table）一般网站的表格展示效果都不尽如人意。在此示例中，提供了一个简单的响应式表格样式。需要大约80行CSS代码。演示程序3说明中提到的文字和代码部分编译自网上（codepen、cssTricks等）。由于时间不够、能力有限等原因，存在文字描述不准确、代码测试不够充分等诸多问题。因此，仅限于研究范围，不适合实际应用。此外，各个组件之间没有任何联系，包括字体、配色方案甚至布局，都是相互独立的。
