《Web前端全系列》
本阶段为基础阶段,主要学习HTML基本结构、骨架、标签和CSS基本样式。通过对这些标签的使用,熟悉布局的搭建结构。合理运行对应标签实现试图效果,是本阶段必须要掌握的知识,为接下来的学习奠定基础。
章节1:webstorm的安装与设置 |
01webstorm的安装 |
02webstorm的设置 |
03webstorm快捷键 |
04HTML介绍 |
05html的基本结构 |
06语义化标签 |
章节2:HTML基础元素 |
01标题标签 |
02段落_换行_水平线 |
03路径 |
04图片 |
05超链接 |
06文本格式化标签 |
07无序列表 |
08有序列表 |
09自定义列表 |
10创建表格 |
11table、tr、td的属性 |
12表格练习 |
章节3:表单 |
01form表单 |
02表单元素1 |
03表单元素2 |
04表单元素常用属性 |
05H5新增type类型 |
06H5新增表单元素的属性 |
07实体字符 |
08块级元素和行内元素的区别 |
章节4:H5新增元素和CSS初识 |
01div+span |
02H5新增语义化标签 |
03视频和音频 |
04css介绍 |
05css引入方式1 |
06css的引入方式2 |
07基础选择器 |
08div+css布局1和2 |
09div+css布局3_4_5_6 |
章节5:css常用属性 |
01字体的属性 |
02背景属性 |
03背景属性练习 |
04文本属性 |
05列表的属性 |
06表格的属性 |
07overflow属性 |
08字符间距_行高_元素透明度 |
09关系选择器 |
10伪类选择器1 |
11伪类选择器2 |
12伪对象选择器 |
13属性选择器 |
章节6:盒模型 |
01盒模型介绍 |
02content |
03padding |
04border |
05margin |
06怪异盒模型 |
07弹性盒模型 |
08弹性盒模型练习 |
09厂商前缀 |
章节7:浮动和定位 |
01浮动 |
02清除浮动的影响 |
03display属性 |
04position |
05定位练习1 |
06定位练习2 |
07定位练习3 |
章节8:C3新特性 |
01圆角 |
02阴影 |
03背景渐变 |
04transform |
05transition |
06animation |
07动画练习2 |
08绘制特殊图形 |
章节9:响应式布局 |
01媒体查询 |
02响应式布局 |
03多列 |
章节10:雪碧图和滑动门 |
01雪碧图 |
02ps制作雪碧图 |
03滑动门 |
章节11:小米 |
01头部 |
02黑色导航部分 |
03白色导航 |
04banner部分 |
05广告部分 |
06手机部分 |
07家电部分 |
08视频部分 |
09页脚 |
章节12:迅雷 |
01导航条 |
02第一块 |
03第二块 |
04第三块-第四块-第五块 |
章节13:米课 |
01导航 |
02导航响应式 |
03登录部分和响应式 |
04新课速递和响应式 |
05热门课程和响应式 |
06热门标签和响应式 |
章节14:移动端 |
01导航条 |
02banner部分 |
03菜单部分 |
04主体部分 |
05页脚部分 |
另附各章节课程资料