HTML和CSS 6小时学习经典视频教程

1

【前言】HTML的版本和学习路线1、HTML的版本介绍。2、学习路线。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-前言-HTML的版本和学习路线.pdf”

2

【第一课】（上）Web简史1、Web创始人。2、ENQUIRE。3、www。4、Web Page。5、HTML的概念。6、主流浏览器介绍。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-1-HTML标签.pdf”

3

【第一课】（下）HTML标签1、html的基本语法。2、html的标签介绍（h1-h6，p，ul，ol，li）。3、w3c介绍。 4、html的标准结构。5、文档类型声明。

4

【第二课】开发工具的使用（1-记事本）

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-2-开发工具的使用.pdf”

5

【第二课】开发工具的使用（2-webstorm的下载安装和启

6

【第二课】开发工具的使用（3-导入项目乱码的解决）

7

【第二课】开发工具的使用（4-配置webstorm）

8

【第二课】开发工具的使用（5-使用webstorm）

9

【第二课】开发工具的使用（6-创建美食网）

「仅限付费用户」点击下载“lesson-2-源代码.zip”

10

【第三课】HTML超链接（上）1、超链接工作原理。2、a标签。3、target属性。4、绝对路径和相对路径。5、为网站添加导航。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-3-HTML超链接.pdf”

11

【第三课】HTML超链接（下）1、创建网站中的其它页面。2、添加免责声明页面的超链接。3、网站中的绝对路径和相对路径。4、为网站添加导航。5、链接到天猫超市。

「仅限付费用户」点击下载“lesson-3-源代码.zip”

12

【第四课】CSS选择器1（上）1、HTML考古。 2、样式表的产生。3、类型选择器。4、选择器语法。 5、一个选择器应用多个属性。 6、一个选择器选择多个标签。 7、派生选择器。 8、伪类选择器。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-4-CSS选择器1.pdf”

13

【第四课】 CSS选择器1（下）1、将样式表加入HTML文件。 2、参考文档的使用。

「仅限付费用户」点击下载“lesson-4课件-源代码和手册.zip”

14

【第五课】CSS颜色（上）1、常见CSS颜色表示形式。2、十六进制颜色。3、十进制数的分解。4、十六进制数的分解。5、计算十六进制色。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-5-CSS颜色.pdf”

15

【第五课】CSS颜色（下）1、为美食网添加一点颜色。2、取色小工具的使用。

「仅限付费用户」点击下载“lesson-5-源代码和取色工具.zip”

16

【第六课】盒模式（上）1、盒的概念。 2、块标签和内联标签。 3、盒模式。4、设置盒模式的属性。 5、计算盒子的尺寸。 6、重置浏览器的默认样式。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-6-盒模式.pdf”

17

【第六课】盒模式（下）在美食网中应用盒模式。

「仅限付费用户」点击下载“lesson-6-源代码.zip”

18

【第七课】CSS选择器2（上）1、类选择器。2、在派生选择器中使用类。3、创建独立的CSS文件。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-7-CSS选择器2.pdf”

19

【第七课】CSS选择器2（下）制作美食列表页面。

「仅限付费用户」点击下载“lesson-7-源代码.zip”

20

【第八课】div布局入门（上）1、如何组织页面布局。2、div标签。 3、使用class描述div的内容。4、在div上应用盒模式。5、内容居中的两种方法。

「仅限付费用户」点击下载“Web前端基础-HTML和CSS入门经典-lesson-8-div布局入门.pdf”