您的位置 >>> 星想互联 >>> 课堂教学 >>> 试卷成绩
2018级毕业生静态网页设计清理补考办法
点击数:1008  发布时间2021-05-24 16:15:08


2018级不及格学生抄写代码要求:

1、手工抄写100

2、标明序号,如1234

3、所有代码一行一行抄,不得偷工减料 ,字迹工整清晰。如下:

 

 

附抄写代码清单:

<!doctype html>

<html>

<head>

<style>

*{padding:0;margin:0;}

ul,li{list-style:none}

body{background:#fff}

.banner{color:#fff;width:1000px;height:340px;background:url('bg.jpg');margin:120px auto;background-size:100% 100%}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.banner .bl{width:580px;padding-right:20px;height:340px;float:left;text-align:right}

.banner .bl ul li{width:20px;height:20px;line-height:20px;text-align:center;float:left;margin-right:15px;background:#7fae53;border-radius:20px;}

.banner .bl h3{margin-top:80px;}

.banner .bl h5{margin:30px 0;}

.banner .bl ul{width:150px;margin-left:420px;}

 

.banner .br{width:360px;height:300px;padding:20px;background:rgba(0,0,0,0.4);float:left;}

.banner .br h2{margin-top:60px;font-size:18px;}

.banner .br h3{font-size:18px;}

.banner .br span{font-size:12px;}

.banner .br ul{height:50px;margin-top:20px;}

.banner .br ul li{width:80px;height:60px;float:left;margin-right:10px;}

.banner .br ul li img{width:80px;height:55px;float:left;border:1px solid #fff;}

</style>

</head>

 

<body>

<div class="banner">

  <div class="bl">

      <h3>Casual service for sandwiches</h3>

      <h4>Appropriate for VIPs</h4>

      <h2>This is formal dining with a four course</h2>

      <h5>HTML作为一门标记语言,主要用来描述网页中的文字和图像等信息</h5>

      <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

      </ul>

  </div>

 

  <div class="br">

    <h2>Casual service</h2>

    <h3>CHINA STRONG</h3>

    <ul>

      <li><img src="f1.jpg"></li>

      <li><img src="f2.jpg"></li>

      <li><img src="f3.jpg"></li>

      <li><img src="f4.jpg"></li>

    </ul>

    <span>CSS即表现,它以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制、行间距及整体排版等,而且还可以针对不同的浏览器设置不同的样式</span>

  </div>

 

</div>

</body>

</html>



来源:咸宁网站建设
【上一篇】PHP数组函数
【下一篇】已经没有了