• 练习：完成试卷的页面设计

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6.     <style>
    7.         #exam-page{
    8.             width: 800px;
    9.             padding-left: 10px;
    10.             padding-right: 10px;
    11.             padding-top: 10px
    12.         }
    13.         #big-title{
    14.             padding: 5px;
    15.             border: 2px solid black;
    16.             display: flex;
    17.             width: 100%;
    18.             font-size: x-large;
    19.  
    20.         }
    21.         #small-title{
    22.             display: block;
    23.             font-size: larger;
    24.             text-align: center;
    25.             padding: 10px;
    26.         }
    27.         .question-type-title{
    28.             font-size: larger;
    29.         }
    30.         .choice-question-input{
    31.             border-style: none none solid none;
    32.             width: 20px;
    33.         }
    34.     style>
    35. head>
    36. <body>
    37.     <div id="exam-page">
    38.         <div id="big-title">
    39.             <div style="float:left;width: 20%;">超级全能生div>
    40.             <div style="width: 60%;text-align: center">
    41.                 <div>浙江省新高考信息技术科目基础div>
    42.                 <div>夯实卷（一）div>
    43.             div>
    44.             <div style="float: right;width:20px;border-style: solid;text-align: center">1div>
    45.         div>
    46.         <div id="small-title">
    47.             <div>信息技术div>
    48.             <div>本试卷满分50分，考试时间45分钟。div>
    49.         div>
    50.         <div class="question-type-title">
    51.             <div style="margin-bottom: 10px">一、选择题（本大题共12小题，每小题2分，共24分。在每小题给出的四个选项中，
    52.                 只有一个是符合题目要求的）
    53.             div>
    54.         div>
    55.         <div>
    56.             <div>
    57.                 <div style="display: flex;margin-bottom: 10px">
    58.                     <div style="float: left"><span style="font-weight: bolder;margin-right: 2px">1.span>下列有关数据、信息、知识、智慧等说法中，正确的是div>
    59.                     <div style="float: right;">(<input class="choice-question-input" type="text"/>)div>
    60.                 div>
    61.                 <div style="display: inline">
    62.                     <div style="padding-left: 10px">
    63.                         <div style="margin-bottom: 10px">A.计算机可以处理文本、图像、声音、视频等数据，数据量大时，只能使用计算机来处理div>
    64.                         <div style="margin-bottom: 10px">B.计算机可以处理文本、图像、声音、视频等数据，数据量大时，只能使用计算机来处理div>
    65.                         <div style="margin-bottom: 10px">C.计算机可以处理文本、图像、声音、视频等数据，数据量大时，只能使用计算机来处理div>
    66.                         <div style="margin-bottom: 10px">D.计算机可以处理文本、图像、声音、视频等数据，数据量大时，只能使用计算机来处理div>
    67.  
    68.                     div>
    69.                 div>
    70.             div>
    71.  
    72.             <div>。。。。。。。div>
    73.         div>
    74.  
    75.     div>
    76. body>
    77. html>

  • 相关阅读:
    文件操作【详解】
    【算法与数据结构】216、LeetCode组合总和 III
    基于Java毕业设计一中体育馆管理系统源码+系统+mysql+lw文档+部署软件
    871. 最低加油次数 : 简单优先队列（堆）贪心题
    图片隐写，盲水印，加密logo
    C++提高编程
    Vue学习
    网络协议：Cookie与Session技术
    cookie加密8
    web应用程序、Django框架的学习
  • 原文地址：https://blog.csdn.net/daqi1983/article/details/132919053