CSS——考试页面

CSS字体

CSS 字体属性定义文本的字体系列、大小、加粗、风格和变形。

• font-family：定义文本的字体系列。在用户代理无法提供与规则匹配的特定字体时，根据属性列表的内容，用户代理会按所列的顺序选择候选字体。

body { font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 

• font-style：定义字体的风格：normal正常显示，italic斜体显示。
• font-variant：定义文本内容为小型大写字母。
• font-weight：设置文本的粗细。
• font-size：设置文本的大小。

CSS表格

• border：定义表格边框。
  border-collapse：是否将将表格边框折叠为单一边框。
• width和height：分别定义表格的宽度和高度。
• text-align和vertical-align：分别设置表格中文本的水平和垂直对齐方式。
• padding：设置表格中内容与边框的距离。
• border-spacing：设置分隔单元格边框的距离。
• color和background-color：设置表格的文本和背景颜色。
• table-layout：设置表格的布局算法：固定fixed，自动automatic。

CSS边框

• border：用于把四个边的属性（宽度、样式、颜色）设置在一个声明。
• border-width：为元素的所有边框设置宽度。
• border-style：设置元素所有边框的样式。
• border-color：设置元素的所有边框中可见部分的颜色。
• border-top, border-bottom, border-left和border-right：分别把上、下、左、右边框的所有属性设置到一个声明中。
• border-radius：设置边框的圆角大小。顺序为：左上角，右上角，右下角，左下角。

CSS边距

• 内边距：在边框和内容区之间。
  padding：定义元素边框与元素内容之间的空白区域。
• 外边距：元素边框外的空白区域。
  margin：在元素外创建空白区域，接受任何长度单位、百分数值甚至负值。

用CSS美化的考试页面

效果图

代码： css文件， HTML文件

Reference

W3School的CSS课堂 http://www.w3school.com.cn/css/