CSS——考试页面

作者: qin7zhen | 来源:发表于2016-12-09 22:54 被阅读9次

    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/

    相关文章

      网友评论

        本文标题:CSS——考试页面

        本文链接:https://www.haomeiwen.com/subject/rrcymttx.html