1 / 10
文档名称:

web前端基础.doc

格式:doc   大小:144KB   页数:10页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

web前端基础.doc

上传人:63229029 2017/5/29 文件大小:144 KB

下载得到文件列表

web前端基础.doc

相关文档

文档介绍

文档介绍:1. 建立你的第一个网页 任务描述创建一个 HTML 文件,比如 文件,在里面实现一些代码,完成你的第一个网页。这个页面中,需要有以下内容: ?一个一级标题,内容是你的 Github 账号?一个无序列表,包括 2个项目,里面每一个项目是一个链接,分别链接到 以及你的微博(或其他什么网站) ?一个二级标题,内容随意(不能违法、反动、色情等) ?一个段落,内容随意(不能违法、反动、色情等) ?一个图片(不能违法、反动、色情等) 期望达成?了解什么是 Web ?了解什么是 HTML ?了解一些基本的 HTML 语法及标签?能够写出自己的第一个 HTML 参考资料?知乎上的一些 Web 基本概念介绍?慕课网 HTML+CSS 基础课程?w3school html 教程?MDN HTML 2. 给你的网页加点样式 任务描述学****以下 CSS 是怎么运作的,然后创建一个 的文件,并在 中引入它,然后我们对 做一些让他变得花哨一点的事情: ?让一级标题的文字颜色变成蓝色?二级标题的文字大小变成 14px ?段落的文字大小变成 12px ,文字颜色是黄色,带一个黑色的背景色?图片有一个红色的, 2px 粗的边框效果如下图: 期望达成?了解什么是 CSS ?了解 HTML 与 CSS 是如何一起工作的?了解基本的 CSS 语法?尝试使用几个简单的 CSS 属性 参考资料?MDN CSS 的1,2,3节?w3school css ?慕课网 HTML+CSS 基础课程 4. CSS 基础 任务描述接下来我们深入学****HTML 、 CSS ,首先深入了解 CSS 的各种选择器、继承、层叠、样式优先级机制。 期望达成?掌握 CSS 各种选择器?掌握 CSS 的继承、层叠、样式优先级机制 参考资料?MDN CSS 的第 4、5节?w3school css 5. 让页面样式丰富起来 任务描述在你的 中,快速实践以下文本相关的所有属性内容: ? text-indent ? text-transform ? text-decoration ? text-align ? word-spacing ? white-space ? color ? line-height ? font ? font-family ? font-size ? font-weight ? font-face 期望达成?掌握文本、文字、链接相关的样式属性?掌握背景属性?掌握列表相关的样式属性?深入了解行高属性 参考资料?MDN CSS ?w3school css ?深入了解行高属性 6. 盒模型及定位 任务描述在 中,实践以下内容: ?用两种方法来实现一个背景色为红色、宽度为 960px 的<DIV> 在浏览器中居中?有的圆角矩形是复杂图案,无法直接用 border-radius ,请在不使用 border-radius 的情况下实现一个可复用的高度和宽度都自适应的圆角矩形?用两种不同的方法来实现一个两列布局,其中左侧部分