这个图片包含了两个屏幕截图,显示了相同的UI控件但应用了不同的CSS样式表。左边的屏幕使用了将背景颜色定义为金色,UI控件为浅金色的样式表。控件的字体是黑色的无衬线字体。两个自定义按钮是椭圆形的,颜色为浅金色。第一个按钮上标有“接受”字样,字体为绿色。第二个按钮上标有“拒绝”字样,字体为红色。按钮右侧是“不可用”的标签。相比之下,右边的屏幕使用了将背景颜色定义为浅橄榄色,UI控件为中等橄榄色的样式表。控件的字体是深灰色的Courier New字体。在这个版本的UI中,接受和拒绝按钮具有标准的矩形形状,但按钮的边框是深灰色的,字体颜色是中等绿色的,标签填充了按钮,标签与按钮边缘之间的空间很小。"不可用"和"进度"标签周围有虚线边框。字体是一种完整的字型集合,包括大写字母、小写字母、标点符号、重音符号和常用符号。它包含了罗马字母、斜体大写字母和粗体。因此,12点大小的Courier New字体是一种字体,但Courier New是一种字型。字体和字型没有颜色;颜色是打印过程的一个功能。无衬线和衬线是对比的样式,比例和等宽是对比的样式。