HTML + CSS零基础经典教程系列

全栈开发工程师，现职于北京一家学院的全栈教学主任。 8年前端开发经验、4年移动端开发经验、4年UI设计经验、3年一线教学经验。精通Node.JS、PHP、Javascript开发等多种开发技术，曾任职于时趣、百度、乐视，拥有丰富的企业级系统开发经验，长期参与一线项目开发和项目管控，对HTML5移动端互联网技术及生态体系有深刻理解。

李游Leo

¥29.00

立即订阅

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

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

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

视频教程-HTML + CSS零基础经典教程系列-HTML5/CSS

学习有效期：永久观看

学习时长：692分钟

学习计划：12天

难度：低

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

讲师姓名：李游Leo

CEO/董事长/总经理

讲师介绍：全栈开发工程师，现职于北京一家学院的全栈教学主任。 8年前端开发经验、4年移动端开发经验、4年UI设计经验、3年一线教学经验。精通Node.JS、PHP、Javascript开发等多种开发技术，曾任职于时趣、百度、乐视，拥有丰富的企业级系统开发经验，长期参与一线项目开发和项目管控，对HTML5移动端互联网技术及生态体系有深刻理解。

☛点击立即跟老师学习☚

「你将学到什么？」

超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。

HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

这两种语言是组成网页的最基本的内容，也是前端工程师的基本功。

本课程就是带着想入门或者对前端感兴趣的同学从零开始去学习，一点一点的成为一名前端开发工程师。

「课程学习目录」

1.什么是前端工程师？初识前端行业

2.编辑器的基础使用及认识HTML

3.HTML标签 - 初识div标签

4.HTML标签 - 初识img标签

5.HTML标签 - 初识a标签

6.HTML标签 - 初识ul标签

7.HTML标签 - 初识ol标签

8.Sublime编辑器的初始化快捷键的编辑

9.HTML标签 - 初识p标签

10.HTML标签 - 初识input标签

11.HTML标签 - 初识button标签

12.CSS系列 - 初识CSS

13.CSS系列 - CSS的引入方式

14.CSS系列 - CSS的基本选择器

15.CSS系列 - CSS的选择器深入

16.CSS系列 - 初识外边距及浮动样式

17.CSS系列 - 初识内边距

18.CSS系列 - 块状元素与行内元素及属性拓展

19.CSS系列 - 元素深入及border属性详解

20.CSS系列 - 背景样式的缩写与非缩写

21.CSS系列 - 初识文字font-size样式

22.CSS系列 - 初识文字font-weight样式

23.CSS系列 - 初识文字font-family样式

24.CSS系列 - 初识文字line-height样式

25.CSS系列 - 初识文字font-style样式

26.CSS系列 - 初识文字font-variant样式及font缩写写法

27.CSS系列 - 初识相对定位

28.CSS系列 - 初识绝对定位

29.CSS系列 - 初识窗口定位

30.CSS系列 - 初识继承定位及默认定位

31.CSS系列 - 初识元素的display的显示与隐藏

32.CSS系列 - display样式深入初识inline属性

33.CSS系列 - display样式深入初识行内块属性

34.CSS系列 - 初识元素百分比单位

35.小练习 - 风筝效果

36.小练习 - 布局基础练习 - 色块布局

37.小练习 - 布局基础练习 - 色块高级布局

38.练习 - 布局练习 - 登陆页面制作 - 上半部分

39.练习 - 布局练习 - 登陆页面制作 - 下半部分

40.练习 - 布局练习 - 百度页面制作 - 头部

41.练习 - 布局练习 - 百度页面制作 - 输入框部分

42.练习 - 布局练习 - 百度页面制作 - 尾部

43.练习 - 布局练习 - 百度糯米 - 头部制作

44.练习 - 布局练习 - 百度糯米网页 - 搜索框内容制作

45.练习 - 布局练习 - 百度糯米 - 内容导航部分

46.练习 - 布局练习 - 百度糯米网页 - 电影内容部分

47.练习 - 布局练习 - 百度糯米网页 - 休闲娱乐部分

48.练习 - 布局练习 - 百度糯米 - 下面内容部分

49.练习 - 布局练习 - 百度糯米 - 尾部内容部分

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

大咖讲解

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

答疑服务

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

课程资料+课件

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

常用开发实战

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

大牛技术大会视频

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

APP+PC随时随地学习

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

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

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

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

【完善的技术体系】

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

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

【清晰的课程脉络】

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

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

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

「你可以收获什么？」

熟练掌握HTML + CSS

可以制作HTML网页

订阅课程开始学习