《Web前端》第一阶段

《Web前端》

本次更新内容为Web前端第一阶段：HTML5+CSS3模块

   本阶段为基础阶段，主要学习HTML基本结构、骨架、标签和CSS基本样式。通过对这些标签的使用，熟悉布局的搭建结构。合理运行对应标签实现试图效果，是本阶段必须要掌握的知识，为接下来的学习奠定基础。

第一章节    前端入门与基础知识

01_第一个前端程序

02_前端工具的选择与安装

03_VSCode开发者工具快捷键

04_HTML5简介与基础骨架

05_HTML注释

第二章节   HTML5基础元素

01_标签之标题

02_标签之段落_换行_水平线

03_标签之图片

04_路径详解

05_标签之超文本链接

06_超链接之锚点

07_标签之文本

08_列表标签之有序列表

09_列表标签之无序列表

10_列表标签之自定义列表

11_标签之表格

12_表格属性详解

13_表格单元格合并

14_表格实操

第三章节    表单

01_Form表单

02_表单元素一

03_表单元素二

04_表单元素三

05_HTML5新增type类型一

06_HTML5新增type类型二

07_HTML5新增属性

08_表单实操一

09_表单实操二

第四章节    实体字符与元素分类

01_实体字符

02_块元素和行内元素

第五章节   HTML5新增元素

01_容器元素(div)

02_HTML5布局新增标签

03_视频和音频

04_HTML5新增标签

第六章节   初识CSS

01_CSS简介

02_CSS的引入方式

03_CSS样式表特征

04_基础选择器一

05_基础选择器二

06_DIV+CSS布局

07_布局实操一

08_布局实操二

第七章节   CSS常用属性

01_字体属性

02_背景属性一

03_背景属性二

04_文本属性

05_列表属性

06_表格属性

07_其他属性(查缺补漏)

第八章节   CSS选择器

01_关系选择器

02_伪类选择器一

03_伪类选择器二

04_伪对象选择器

05_属性选择器

第九章节   CSS盒子模型

01_CSS盒子模型(Box Model)

02_CSS盒子模型之内容区域

03_CSS盒子模型之内边距

04_CSS盒子模型之边框

05_CSS盒子模型只外边距

06_CSS怪异盒子模型

07_CSS弹性盒子模型

08_浏览器内核

第十章节  浮动与定位

01_CSS属性_display

02_文档流

03_浮动

04_清除浮动

05_浮动实操

06_定位

07_定位实操_下拉列表效果

08_定位实操_图片上面定位文字

09_定位实操_照片墙

第十章节   CSS3新特性

01_CSS3新特性_圆角

02_CSS3新特性_阴影

03_CSS3新特性_背景渐变

04_CSS3新特性_转换

05_CSS3新特性_过渡

06_CSS3新特性_动画

07_绘制特殊图形

08_媒体查询

09_响应式布局

09_响应式布局

10_栅格系统

11_多列

第十二章节   CSS应用技巧

01_雪碧图

02_字体图标

03_滑动门

第十三章节  小米官网项目

01_小米官网项目_分析与顶部广告

02_小米官网项目_黑色导航

03_小米官网项目_白色导航

04_小米官网项目_banner

05_小米官网项目_广告

06_小米官网项目_手机

07_小米官网项目_家电

08_小米官网项目_视频

09_小米官网项目_页脚

10_小米官网项目_ICON

第十四章节  响应式项目

01_响应式项目_导航

02_响应式项目_导航响应式设计

03_响应式项目_登录

04_响应式项目_登录响应式设计

05_响应式项目_新课速递与响应式设计

06_响应式项目_热门课程榜单与响应式

07_响应式项目_热门标签

另附各章节课程资料