基础篇 - CSS 学习 ​

环境准备 ​

安装搭建 VSCode，从零到一配置环境&运行 Hello World！

参考文档 ： VSCode 配置指南

目标 ​

使用 CSS 还原百度首页，让你的页面和百度未登录状态的首页展示效果一模一样

基础 ​

• 继续学习 MDN Web 入门文档 的 CSS 部分，预估阅读+调试时长（～ 2d）。推荐阅读顺序：

  • CSS 基础 - 学习 Web 开发 | MDN

  • CSS - 学习 Web 开发 | MDN

实战 ​

• 任务时间：1 周
• 任务要求：
  • 按照要求，完成上文中 CSS 部分知识点的学习
  • 准确使用 CSS 样式，对上节课中的静态 html 进行样式还原
  • 必须用到 浮动 float, 定位 position，布局 display，盒模型 box-sizing 等知识点，注意：不要滥用
  • 代码提交到 码上掘金

附录 ​

如果你在学习过程中有剩下时间，以下参考资料可以阅读学习：

• 前言 | 千古前端图文教程

• 基本语法 - JavaScript Guidebook

• 现代 JavaScript 教程

• 学习资源汇总