美文网首页程序员
HTML+CSS一个静态试卷页面的实现

HTML+CSS一个静态试卷页面的实现

作者: 秘果_li | 来源:发表于2016-12-05 20:37 被阅读0次

前一段时间写的静态试卷页面
代码链接,大家帮忙review一下啦
显示页面如下(截图一次截不完分成三个图了):

exam exam exam

主要知识点:
1.HTML有序列表

<ol>
  <li>文本</li>
</ol>

2.输入框

<label> 班级(必填): <input name="classes"/></label>

3.单选框,复选框

<input type="radio" value="A" name="SingleSelect" id="SingleSelecta"/>
//singleSelect
<input type="checkbox" value="A" name="CheckboxSelect1" id="f1"/>
//checkboxSelect

4.文本域

<textarea id="textbox"></textarea>

5.CSS标题框的设置

.pack p {    
 margin: 0;    /*清除p标签与div的间距*/
 padding: 0;   /*清除p标签与div的间距*/
 background-color: #cccccc;   
 height: 40px;}

相关文章

  • HTML+CSS一个静态试卷页面的实现

    前一段时间写的静态试卷页面代码链接,大家帮忙review一下啦显示页面如下(截图一次截不完分成三个图了): 主要知...

  • html+css静态试卷的实现

    用html和css实现一个静态试卷自己做的试卷效果(分开截图): 试卷用到知识点:1.设置表格宽度及列宽(方便上下...

  • 第二弹-相关知识了解

    前端是做什么的?互联网职位有哪些常见的简称(如PM…)答: 前段是依据交互稿,使用html+css实现浏览器静态页...

  • 网页编程day-41:JavaScript的引入

    一、JS的声明和引用 1.为什么学习JavaScript? 1)html+css 只是可以实现静态的页面无法实现动...

  • HTML转Drupal主题的方法

    在创建Drupal主题之前,可以先用静态页设计出Drupal页面的样式。每一个页面都可以做出普通的静态页,然后根据...

  • 图书管理系统 项目总结

    线上版本演示>>github源码获取>> 1 文件结构 2 完成静态html+css 静态部分引用了bootstr...

  • 20161222

    今天做静态页练习,果然在实践的时候会发现很多问题,哪些知识点还没搞懂,先照着人家的效果图实现了一个很简单的静态页,...

  • GreenDao+SearchView+FlowLoyout实现

    之前写过一个静态的搜索页FlowLayout流式布局实现标签、类似热门搜索这种效果只是能实现界面效果,但是往往开发...

  • 纯HTML试卷页面的实现

    要实现上面这样的一个试卷界面.我主要是先将试卷分为几部分. 第一部分 主要用 实现,以及用 来实现填空题的形式 第...

  • 利用Grunt让静态页面开发更加快速、智能和自动化

    对于前端的工作,经常会有专题页或者静态页的需求,这段时间做了几个静态页面的需求,自己摸索出了一些门道,在这里分享一...

网友评论

    本文标题:HTML+CSS一个静态试卷页面的实现

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