C1任务四-计算机程序逻辑


文章目录

  • 任务一、生成广告图片
  • 任务二:程序逻辑训练
  • 拓展任务:实现多级联动菜单

任务一、生成广告图片
  1. 生成一张图片
- 锐客网*{padding: 0; margin: 0; } body {background-color: pink; } #img_div{width: 500px; height: 320px; position: relative; } #img_div img{width: 140px; height: 105px; } C1任务四-计算机程序逻辑
文章图片

【C1任务四-计算机程序逻辑】C1任务四-计算机程序逻辑
文章图片

C1任务四-计算机程序逻辑
文章图片

  1. 多张图片,动态设置间距
- 锐客网*{padding: 0; margin: 0; } #img_div{width: 800px; height: 320px; position: relative; border: 1px solid purple; } body{background-color: pink; } #img_div img{float: left; width: 140px; height: 105px; } "img_div">C1任务四-计算机程序逻辑
文章图片
C1任务四-计算机程序逻辑
文章图片
C1任务四-计算机程序逻辑
文章图片
C1任务四-计算机程序逻辑
文章图片
C1任务四-计算机程序逻辑
文章图片

C1任务四-计算机程序逻辑
文章图片

3. 轮播图
- 锐客网*{padding: 0; margin: 0; } body {background-color: pink; } #img_div{width: 500px; height: 320px; position: relative; } #img_div img{width: 140px; height: 105px; } C1任务四-计算机程序逻辑
文章图片

C1任务四-计算机程序逻辑
文章图片

C1任务四-计算机程序逻辑
文章图片

任务二:程序逻辑训练
  1. 分支
    if…else
    switch case
  2. 循环
    while(){}
    do{}while()
  3. 算法
    1. 算法要在合理的时间复杂度、合理运行时间内、合理的空间内运行。
    2. 并行算法的最短时间就是该算法最长时间步骤运行的时间
拓展任务:实现多级联动菜单
- 锐客网

C1任务四-计算机程序逻辑
文章图片

C1任务四-计算机程序逻辑
文章图片

C1任务四-计算机程序逻辑
文章图片

    推荐阅读