前端 Task2

Task2

前情回顾

经过上一期的学习，相信大家已经精通了网页编辑器的安装与卸载，以及对chrome开发者工具、div方面的基础知识有了相应的了解。
上一次任务基本都是让你们对某些基础方面有个相应的了解，这一次，我们开始实战了。

本期看点

CSS布局共有三种布局规则，他们互相不影响：

常规规则——常规流
浮动规则
绝对定位规则

常规规则就是，块级元素，行内元素所遵循的规则（我们已经掌握了）

这回我们来学习浮动规则：
被设置为浮动的元素，不再遵循行内和块级的规则，会向左/右漂移，允许设置宽高，可以多个元素一行
但是浮动会触发一系列问题，我们需要使用clear来实现浮动清除以清除浮动的副作用
这个是前端大佬的作品，大家可以瞻仰一下，使用chrome开发者工具了解学习一下：大佬作品

基础要求

1.如果前面知识有遗忘或生疏，先简单复习一下前面的知识。
2.继续学习小白变怪兽的第四章，跟着Peter动手做，了解float浮动、clear清除浮动等知识。
3.学习CSS深入了解之float浮动1-6章，动手跟做。
4.继续学习css布局9-10页，使用chrome开发者工具动手了解。

好的，接下来，任务来了
做一个网页，实现三栏式布局（群文件里有图示），内容随意，两侧固定宽度，中间宽度自适应的布局，完成之后，打包发给我
有问题可以参考三栏式布局方案

如果学习中遇到什么问题一定要记得问，可以在群里讨论，也可以问群里的大佬们

温馨小贴士：建议大家多了解一些快捷键，比如Ctrl + Z是撤销之类的，对你们的今后的应用都会有很大的帮助的。大家可以在群里分享一些你们所了解的快捷键，我之后可能也会发一些给你们了解下。