2020-02-22 前端 Html5 CSS3 视频资料

HTML5 + CSS3 学习大纲 视频资料

学习资料整理密码：7zxc

学习目标1: 页面结构层HTML

HTML是搭建网页结构的第一步。通过学习工作中必备的HTML标签，并结合实际案例，更快更轻松的掌握网页结构搭建方法和技巧。

HTML基础

HTML是网页制作必备技能，在本课程主要介绍HTML概念、语法及常用基础标签

HTML表格

表格在网页中用于数据和排版，本课程介绍表格概念、语法、操作，并通过案例掌握知识。

HTML表单表

单用于收集用户信息，本课程介绍表单概念、语法及创建表单，并通过案例掌握知识。

学习目标2: 页面美化设计CSS

CSS是网页的“美容师”。通过学习常用的CSS属性并结合HTML标签，独立把效果图还原成静态代码页面，为学习网页编程打下夯实的基础。

CSS选择的艺术

本课程主要介绍CSS语法、选择器、继承、层叠及优先级基础内容。

CSS文本样式

CSS为字体、文本提供了大量的样式属性，可以使我们的页面式更加丰富的多彩。

盒子模型

我们就来学习一下css的盒子模型，理解了盒子模型，才能更好的排版，进行页面布局。

CSS背景和列表

本课程带领大家了解一下背景颜色、背景图片的相关知识，以及列表的多种样式。

float浮动

本课程主要介绍了浮动的作用，带领大家用更好的方式来布局页面。

CSS定位（position）

本课程，将带领大家了解一下定位的知识，教大家如何通过定位来进行布局。

CSS网页布局基础

本课程，我们我们就针对CSS中的基础布局以及经典的布局展开详细的讲解。

学习目标3: 页面升级结构HTML5

H5是HTML的高级应用。通过对H5语义化标签的学习，并结合HTML标签搭建网页，有利于增强网页的SEO、可读性和可维护性，提高网页性能。

HTML5标签变化

HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5

HTML5属性变化

了解这些属性带来的好处，加深对标签的认识，将提高以后的开发效率

学习目标4: 升级页面化妆师CSS3

CSS3是CSS的高级应用。通过对CSS3属性的学习，并结合HTML(5)标签，能够轻松制作出各种绚丽的效果，为后面动态网页的实现奠定基础。

CSS3选择器

详细讲解CSS3的变化，新的概念和理念，及其CSS3新增加的选择器

CSS3边框与圆角

带来神奇的圆角边框、阴影框及其图片边框等，非常具有实用价值的新属性

CSS3背景与渐变

同样神奇的背景控制属性，以及如何使用颜色过渡实现漂亮的渐变效果

CSS3文本与字体

CSS3中还新增的对文本和字体的设置，我们一起来学习一下吧。

CSS3转换

深入讲解元素如何扭曲、移位或旋转，让我们可以更自由得装饰和变形HTML组件

CSS3过渡

一起探索如何通过CSS3属性值的变化实现动画效果，如何触发这些动画产生交互

CSS3动画

使用animation属性，实现以往要用Flash等动画软件才能完成的炫酷效果