首页>课程更新>打好基础,进阶高手,《Web前端》第1阶段更新

打好基础,进阶高手,《Web前端》第1阶段更新

Web前端全系列

 

本次更新内容为Web前端第一阶段:HTML5+CSS3模块【必修:万里长城第一步,稳扎稳打方是上策】

 

本阶段为基础阶段,主要学习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页脚部分

 

 

 

另附各章节课程资料

 


百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637