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:是否将将表格边框折叠为单一边框。
  • widthheight:分别定义表格的宽度和高度。
  • text-alignvertical-align:分别设置表格中文本的水平和垂直对齐方式。
  • padding:设置表格中内容与边框的距离。
  • border-spacing:设置分隔单元格边框的距离。
  • colorbackground-color:设置表格的文本和背景颜色。
  • table-layout:设置表格的布局算法:固定fixed,自动automatic

CSS边框

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

CSS边距

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

用CSS美化的考试页面

效果图
效果图

代码:css文件HTML文件

Reference

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,801评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,094评论 0 1
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,047评论 1 4
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,318评论 0 5