学习目标
- 针对设计稿样式进行合理的HTML架构，包括以下但不限于：
- 掌握常用HTML标签的含义、用法
- 能够基于设计稿来合理规划HTML文档结构
- 理解语义化，合理地使用HTML标签来构建页面
- 掌握基本的CSS编码，包括以下但不限于：
- 了解CSS的定义、概念、发展简史
- 掌握CSS选择器的含义和用法
- 实践并掌握CSS的颜色、字体、背景、边框、盒模型、简单布局等样式的定义方式
学习资料
CSS基础教程
MDN CSS入门教程
地址：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started
CSS教程
地址：http://www.w3school.com.cn/css/index.asp
CSS规范
百度CSS编码规范
地址：https://github.com/ecomfe/spec/blob/master/css-style-guide.md
练手资料
慕课网（6-15章）内容
地址：http://www.imooc.com/learn/9
作业要求
基于第一个作业要求“零基础HTML编码”的代码，参考 示例图（图片如下），在步骤一的代码基础上增加CSS样式代码的编写
注意要求
- 只需要完成HTML，CSS代码编写，不需要写JavaScript
示例图仅为参考，不需要完全实现一致，其中的图片、文案均可自行设定 - 尽可能多地尝试不同的、更多的样式设定来实践各种CSS属性
- HTML 及 CSS 代码结构清晰、规范
示例图片
网友评论