《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_响应式项目_热门标签
另附各章节课程资料