Blogger Information
Blog 5
fans 0
comment 2
visits 3099
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
2019年12月23日作业
Herry.
Original
577 people have browsed it
# 2019年12月23日flex实战案例 布局只选择了属性中的一个 代码如下
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>flex实战小案例</title>
  6. <style>
  7. .container {
  8. border: 2px dotted;
  9. box-sizing: border-box;
  10. background-color: lightblue;
  11. }
  12. .item {
  13. width: 50px;
  14. height: 30px;
  15. border: 2px solid;
  16. background-color: lightseagreen;
  17. }
  18. .container {
  19. display: flex;/*转为弹性盒子属性*/
  20. }
  21. .container {
  22. justify-content: space-evenly;/*平均对齐*/
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div class="container">
  28. <span class="item">坚持</span>
  29. <span class="item">坚持</span>
  30. <span class="item">坚持</span>
  31. <span class="item">坚持</span>
  32. </div>
  33. </body>
代码运行如下图所示

flex容器的属性以及功能(手写版)


20号作业小结

礼拜五上完课,看到朱老师布置的作业其实是一脸懵逼的状态,都不知从何处下手,只简单的把中部导航区域以及底部的广告区简单的写了一下,css布局完全是一个全新的概念,没法入手,接着就是跟着23号的课程一起做了一遍导航作业,由于自己的粗心,多写了标签代码,导致了作业的失败。
每天积累一点点,坚持下去,你的人生将与众不同!☺

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:23日晚上我把作业重新写了一遍, 你应该明白如何写了
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post