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


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

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('banner.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:#f90;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>CHINA STRONG COUNTRY</h3>
      <h4>CHINA</h4>
      <h2>WELCOME OUR WEBSITE</h2>
      <h5>读书是学习,使用也是学习,而且是更重要的学习</h5>
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
      </ul>
  </div>

  <div class="br">
    <h2>STRONG</h2>
    <h3>CHINA STRONG</h3>
    <ul>
      <li><img src="a1.jpg"></li>
      <li><img src="a2.jpg"></li>
      <li><img src="a3.jpg"></li>
      <li><img src="a4.jpg"></li>
    </ul>
    <span>二个盒子排列在一起,是有边距的,边距分内边距和外边距,分别用padding和margin表示,这二个属性表示方法一样,可以合写,课堂上我们通过下面的结构和来演示
</span>
  </div>

</div>

</body>
</html>

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