视频教程-Web前端基础全家桶教程（含HTML、CSS、 HTML5、CSS3）-HTML5/CSS

Web前端基础全家桶教程（含HTML、CSS、 HTML5、CSS3）

张长志技术全才、擅长领域：区块链、大数据、Java等。10余年软件研发及企业培训经验，曾为多家大型企业提供企业内训如中石化，中国联通，中国移动等知名企业。拥有丰富的企业应用软件开发经验、深厚的软件架构设计理论基础及实践能力。项目开发历程：基于大数据技术推荐系统 ，医疗保险大数据分析与统计推断，H5跨平台APP，携程酒店APP，Go语言实现Storm和ZK类似框架。

张长志

¥50.00

立即订阅

扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

APP订阅课程，领取优惠，最少立减5元 ↓↓↓

订阅后：请点击此处观看视频课程

 

视频教程-Web前端基础全家桶教程（含HTML、CSS、 HTML5、CSS3）-HTML5/CSS

学习有效期：永久观看

学习时长：2777分钟

学习计划：47天

难度：低

 

「口碑讲师带队学习，让你的问题不过夜」

讲师姓名：张长志

CTO/CIO/技术副总裁/总工程师

讲师介绍：张长志技术全才、擅长领域：区块链、大数据、Java等。10余年软件研发及企业培训经验，曾为多家大型企业提供企业内训如中石化，中国联通，中国移动等知名企业。拥有丰富的企业应用软件开发经验、深厚的软件架构设计理论基础及实践能力。项目开发历程：基于大数据技术推荐系统 ，医疗保险大数据分析与统计推断，H5跨平台APP，携程酒店APP，Go语言实现Storm和ZK类似框架。

☛点击立即跟老师学习☚

 

「你将学到什么？」

本套Web前端基础全家桶教程是全新录制，将前端学习的基础内容融汇为148节课，涵盖了HTML、CSS、HTML5和CSS3的核心技术点。通过对本教程的学习，可以帮助初学者快速上手，并完成大部分静态网页的开发。

教程的具体内容包括：基本的html标签、html5新标签、css的基本用法、盒子模型、浮动、定位、flexbox、css sprite、 iconfont、transform、transition、animation、media query、less、vs code、Photoshop等；还包含了移动端开发的基础知识，如视口、移动端的适配等（这些内容使我们可以在不应用任何js代码的情况下即完成移动端的适配）。除此之外，课程涵盖 大量的CSS技巧、动画、交互效果，对传统浮动和定位的布局方式，以及CSS3中的弹性盒和响应式布局都有深入讲解。

 

「课程学习目录」

1.01.H5&C3基础_课程简介

2.02.H5&C3基础_网页简史

3.03.H5&C3基础_HTML简介

4.04.H5&C3基础_编写你的第一个网页

5.05.H5&C3基础_安装notepad++

6.06.H5&C3基础_自结束标签和注释

7.07.H5&C3基础_标签中的属性

8.08.H5&C3基础_文档声明

9.09.H5&C3基础_关于进制

10.10.H5&C3基础_字符编码

11.11.H5&C3基础_1文档的使用

12.12.H5&C3基础_VSCode的安装

13.13.H5&C3基础_配置liveServer

14.14.H5&C3基础_实体

15.15.H5&C3基础_meta标签

16.16.H5&C3基础_语义化标签(1)

17.17.H5&C3基础_块和行内

18.18.H5&C3基础_语义化标签(2)

19.19.H5&C3基础_列表

20.20.H5&C3基础_超链接简介

21.21.H5&C3基础_相对路径

22.22.H5&C3基础_超链接的其他用法

23.23.H5&C3基础_图片标签

24.24.H5&C3基础_图片的格式

25.25.H5&C3基础_内联框架

26.26.H5&C3基础_音视频播放上

27.26.H5&C3基础_音视频播放下

28.27.H5&C3基础_CSS简介

29.28.H5&C3基础_CSS编写的位置

30.29.H5&C3基础_CSS的基本语法

31.30.H5&C3基础_常用选择器

32.31.H5&C3基础_复合选择器

33.32.H5&C3基础_关系选择器

34.33.H5&C3基础_属性选择器

35.34.H5&C3基础_伪类选择器

36.35.H5&C3基础_超链接的伪类

37.36.H5&C3基础_伪元素

38.37.H5&C3基础_餐厅练习介绍

39.38.H5&C3基础_继承

40.39.H5&C3基础_选择器的权重

41.40.H5&C3基础_像素和百分比

42.41.H5&C3基础_em和rem

43.42.H5&C3基础_RGB值

44.43.H5&C3基础_HSL值

45.44.H5&C3基础_文档流

46.45.H5&C3基础_盒子模型

47.46.H5&C3基础_盒子模型-边框

48.47.H5&C3基础_盒子模型-内边距

49.48.H5&C3基础_盒子模型-外边距

50.49.H5&C3基础_盒子模型-水平方向的布局

51.50.H5&C3基础_盒子模型-垂直方向的布局

52.51.H5&C3基础_盒子模型-外边距的折叠

53.52.H5&C3基础_行内元素的盒模型

54.53.H5&C3基础_浏览器的默认样式

55.54.H5&C3基础_布置练习

56.55.H5&C3基础_京东图片列表

57.56.H5&C3基础_京东左侧导航栏

58.57.H5&C3基础_网易新闻列表上

59.57.H5&C3基础_网易新闻列表下

60.58.H5&C3基础_盒子的大小

61.59.H5&C3基础_轮廓阴影和圆角

62.60.H5&C3基础_浮动的简介

63.61.H5&C3基础_浮动的特点

64.62.H5&C3基础_导航条练习

65.63.H5&C3基础_简单的布局

66.64.H5&C3基础_高度塌陷和BFC

67.65.H5&C3基础_BFC的演示

68.66.H5&C3基础_clear

69.67.H5&C3基础_使用after伪类解决高度塌陷

70.68.H5&C3基础_clearfix

71.69.H5&C3基础_相对定位

72.70.H5&C3基础_绝对定位

73.71.H5&C3基础_固定定位

74.72.H5&C3基础_粘滞定位

75.73.H5&C3基础_绝对定位元素的位置

76.74.H5&C3基础_元素的层级

77.75.H5&C3基础_京东轮播图练习

78.76.H5&C3基础_字体族

79.77.H5&C3基础_图标字体简介

80.78.H5&C3基础_图标字体的其他使用方式

81.79.H5&C3基础_iconfont

82.80.H5&C3基础_行高

83.81.H5&C3基础_字体的简写属性

84.82.H5&C3基础_文本的水平和垂直对齐

85.83.H5&C3基础_其他的文本样式

86.84.H5&C3基础_京东顶部导航条-结构

87.85.H5&C3基础_京东顶部导航条-基本样式

88.86.H5&C3基础_京东顶部导航条-下拉框

89.87.H5&C3基础_PS的安装

90.88.H5&C3基础_背景（一）

91.89.H5&C3基础_背景（二）

92.90.H5&C3基础_背景练习1

93.91.H5&C3基础_背景练习2

94.92.H5&C3基础_雪碧图

95.93.H5&C3基础_线性渐变

96.94.H5&C3基础_径向渐变

97.95.H5&C3基础_电影卡片练习上

98.95.H5&C3基础_电影卡片练习下

99.96.H5&C3基础_表格的简介

100.97.H5&C3基础_长表格

101.98.H5&C3基础_表格的样式

102.99.H5&C3基础_表单简介

103.100.H5&C3基础_表单补充

104.101.H5&C3基础_项目搭建

105.102.H5&C3基础_导航条结构的搭建

106.103.H5&C3基础_导航条基本样式

107.104.H5&C3基础_二维码下拉上

108.104.H5&C3基础_二维码下拉下

109.105.H5&C3基础_添加过渡效果

110.106.H5&C3基础_头部logo

111.107.H5&C3基础_头部导航条

112.108.H5&C3基础_头部导航下拉层

113.109.H5&C3基础_右侧的搜索框

114.110.H5&C3基础_左侧的导航条

115.111.H5&C3基础_完成banner

116.112.H5&C3基础_右侧工具条

117.113.H5&C3基础_中间的广告栏上

118.113.H5&C3基础_中间的广告栏下

119.114.H5&C3基础_项目补充

120.115.H5&C3基础_过渡

121.116.H5&C3基础_米兔练习

122.117.H5&C3基础_动画

123.118.H5&C3基础_奔跑的少年

124.119.H5&C3基础_关键帧

125.120.H5&C3基础_变形平移

126.121.H5&C3基础_z轴平移

127.122.H5&C3基础_旋转

128.123.H5&C3基础_鸭子表

129.124.H5&C3基础_复仇者联盟

130.125.H5&C3基础_缩放

131.126.H5&C3基础_less简介

132.127.H5&C3基础_less中的变量

133.128.H5&C3基础_父元素和扩展

134.129.H5&C3基础_混合函数

135.130.H5&C3基础_less的补充

136.131.H5&C3基础_弹性盒简介

137.132.H5&C3基础_会弹的导航条

138.133.H5&C3基础_弹性容器上的样式

139.134.H5&C3基础_弹性元素上的样式

140.135.H5&C3基础_淘宝导航

141.136.H5&C3基础_聊聊像素

142.137.H5&C3基础_手机像素

143.138.H5&C3基础_完美视口

144.139.H5&C3基础_vw单位

145.140.H5&C3基础_vw适配

146.141.H5&C3基础_移动端页面上部分上

147.141.H5&C3基础_移动端页面上部分下

148.142.H5&C3基础_完成移动端页面上

149.142.H5&C3基础_完成移动端页面下

150.143.H5&C3基础_媒体查询简介

151.144.H5&C3基础_媒体查询简介

152.145.H5&C3基础_美图手机导航结构

153.146.H5&C3基础_美图手机左侧图标

154.147.H5&C3基础_美图手机左侧下拉菜单

155.148.H5&C3基础_美图手机完成

 

「7项超值权益，保障学习质量」

• 大咖讲解

技术专家系统讲解传授编程思路与实战。

• 答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

• 课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

• 常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

• 大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

• APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

 

「什么样的技术人适合学习？」

• 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
• 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
• 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

 

「悉心打造精品好课，47天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握HTML5/CSS知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

 

「你可以收获什么？」

1.掌握HTNL和CSS开发技术

2.掌握HTML5和CSS3开发技术

3.通过案例将知识融汇贯通

 

订阅课程 开始学习