发表于： 2019-11-06 22:15:05
1 926
今天完成的事情：写出了第一个页面的大致布局
明天计划的事情：继续任务八
遇到的问题： 感觉自己思路不清晰，写的时候总想添加一点东西，结构越写越多，花费很长时间，写的东西却很少，还是不熟练要加强
收获：写出了基本的结构效果图
这一部分的布局划分就花了不少时间，想了一些胡里花哨的想法，做起来难得一比，结果还是老老实实写了，代码
<div class="d4">
<div class="d5">
<div class="d6">
<div class="dd6">
<div class="d61">
<img src="./8/2.png" alt="">
<p style="margin: 16px 0 ;">高效</p>
<p style="font-size: 10px">将五到十年的成长时间，缩短到一至三年</p>
</div>
<div class="d61">
<img src="./8/2.png" alt="">
<p style="margin: 16px 0 ;">高效</p>
<p style="font-size: 10px">将五到十年的成长时间，缩短到一至三年</p>
</div>
<div class="d61">
<img src="./8/2.png" alt="">
<p style="margin: 16px 0 ;">高效</p>
<p style="font-size: 10px;">将五到十年的成长时间，缩短到一至三年</p>
</div>
</div>
<div class="d62">
<ul>
<li>
<img src="./8/16.jpg" alt="">12400
</li>
<li style="padding-bottom: 18px;">累计在线学习人数</li>
<li><img src="./8/16.jpg" alt="">12400 </li>
<li>学员已经找到满意工作</li>
</ul>
</div>
</div>
结构层层叠叠的看的巨难受，接下来的部分
代码部分
<div class="d8">
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
<img src="./8/14.png" alt="" style="margin: 0 2vw;">
</div>
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
<img src="./8/14.png" alt="" style="margin: 0 2vw;">
</div>
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
<img src="./8/14.png" alt="" style="margin: 0 2vw;">
</div>
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
</div>
</div>
<div class="d8">
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
<img src="./8/14.png" alt="" style="margin: 0 2vw;">
</div>
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
<img src="./8/14.png" alt="" style="margin: 0 2vw;">
</div>
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
<img src="./8/14.png" alt="" style="margin: 0 2vw;">
</div>
<div class="d9">
<div class="d91">1</div>
<span>匹配你现在的个人情况寻找适合的岗位</span>
</div>
</div>
写好一块之后复制粘贴就可以了，注意最后一个没有箭头
<div class="d10">
<div class="d11">
<div class="d111">
<img src="./8/5.png" alt="">
<p style="margin: 18px 0 12px 0;">技术顾问：罗大佑</p>
<p>百度技术总监：互联网基础服务领域，从事虚拟主机，云服务器、域名，曾任新网高级技术经理，负责技术研发，团队管理和建设</p>
</div>
<div class="d111">
<img src="./8/5.png" alt="">
<p style="margin: 18px 0 12px 0;">技术顾问：罗大佑</p>
<p>百度技术总监：互联网基础服务领域，从事虚拟主机，云服务器、域名，曾任新网高级技术经理，负责技术研发，团队管理和建设</p>
</div>
<div class="d111">
<img src="./8/5.png" alt="">
<p style="margin: 18px 0 12px 0;">技术顾问：罗大佑</p>
<p>百度技术总监：互联网基础服务领域，从事虚拟主机，云服务器、域名，曾任新网高级技术经理，负责技术研发，团队管理和建设</p>
</div>
<div class="d111" style="margin-right: 0px;">
<img src="./8/5.png" alt="">
<p style="margin: 18px 0 12px 0;">技术顾问：罗大佑</p>
<p>百度技术总监：互联网基础服务领域，从事虚拟主机，云服务器、域名，曾任新网高级技术经理，负责技术研发，团队管理和建设</p>
</div>
</div>
<div class="d12">
<div class="xd hover" style="background: #29b078;"></div>
<div class="xd"></div>
<div class="xd"></div>
<div class="xd"></div>
</div>
</div>
代码部分，这一部分没什么难点，注意下面小点第一个是激活的
调整图片大小之后图居然便糊了，不知道什么原理，代码部分
<div class="z3">战略合作单位</div>
<div class="d13">
<div class="d14">
<img src="./8/9.jpg" alt="">
<img src="./8/10.jpg" alt="">
<img src="./8/11.jpg" alt="">
<img src="./8/12.jpg" alt="">
<img src="./8/13.jpg" alt="">
</div>
</div>
后面部分还没有写好，明天继续写底部的部分，以及写样式
返回列表
评论