百度前端任务二

任务二:零基础HTML及CSS编码(一)

任务目的

  • 针对设计稿样式进行合理的HTML架构,包括以下但不限于:
  • 掌握常用HTML标签的含义、用法
  • 能够基于设计稿来合理规划HTML文档结构
  • 理解语义化,合理地使用HTML标签来构建页面
  • 掌握基本的CSS编码,包括以下但不限于:
  • 了解CSS的定义、概念、发展简史
  • 掌握CSS选择器的含义和用法
  • 实践并掌握CSS的颜色、字体、背景、边框、盒模型、简单布局等样式的定义方式

任务描述

  • 基于第一个任务“零基础HTML编码”的代码,参考 示例图(点击查看),在步骤一的代码基础上增加CSS样式代码的编写

详细任务要求请点击百度前端查看

百度前端任务二(点击查看)

感想

这是第二个任务,是基于任务一,然后运用一些基础的CSS样式来改变页面的样式,CSS的基础运用起来其实是比较简单的,主要是要不怕麻烦,开始的时候不熟悉就一行行代码的验证,看效果,熟悉后也就可以单单看代码就大概知道样子是什么样的了,所以需要多多练习。

下面是练习的演示和代码

Demo:
百度前端任务二

代码:
百度前端任务二(html)
百度前端任务二(css)