任务十七

任务目的

针对设计稿样式进行合理的HTML架构,包括以下但不限于:

*  掌握常用HTML标签的含义、用法

能够基于设计稿来合理规划HTML文档结构

理解语义化,合理地使用HTML标签来构建页面

掌握基本的CSS编码,包括以下但不限于:

*  了解CSS的定义、概念、发展简史

掌握CSS选择器的含义和用法

实践并掌握CSS的颜色、字体、背景、边框、盒模型、简单布局等样式的定义方式

任务描述

基于第一个任务“零基础HTML编码”的代码,参考 示例图(http://7xrp04.com1.z0.glb.clouddn.com/task_1_2_1.jpg),在步骤一的代码基础上增加CSS样式代码的编写

任务注意事项

只需要完成HTML,CSS代码编写,不需要写JavaScript

示例图仅为参考,不需要完全实现一致,其中的图片、文案均可自行设定

尽可能多地尝试不同的、更多的样式设定来实践各种CSS属性

HTML 及 CSS 代码结构清晰、规范

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,776评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • Build-in Function,启动python解释器,输入dir(__builtins__),可以看到很多p...
    PythonMaO阅读 3,427评论 0 0
  • 今天早上我起来,我和爸爸妈妈还有弟弟出去吃早饭,吃完早饭爸爸和妈妈就送我去上学。 今天是兔子舞比赛的日子,在老师的...
    豪达兄弟阅读 1,742评论 3 1
  • We are responsible for everything we issue, every wording...
    我的小名是小明明阅读 1,930评论 0 0