655分钟
Web前端基础实践教程：HTML+CSS
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必…
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。
HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
HEML与CSS这两种语言是组成网页的最基本的内容，也是前端工程师的基本功。
本课程就是带着想入门或者对前端感兴趣的同学从零开始去学习，一点一点的成为一名出色的前端开发工程师。
第1章 HTML+CSS零基础经典教程 - HTML篇
- 1-1 什么是前端工程师？初识前端行业
- 1-2 编辑器的基础使用及认识HTML
- 1-3 HTML标签 - 初识div标签
- 1-4 HTML标签 - 初识img标签
- 1-5 HTML标签 - 初识a标签
- 1-6 HTML标签 - 初识ul标签
- 1-7 HTML标签 - 初识ol标签
- 1-8 Sublime编辑器的初始化快捷键的编辑
- 1-9 HTML标签 - 初识p标签
- 1-10 HTML标签 - 初识input标签
- 1-11 HTML标签 - 初识button标签
第2章 HTML+CSS零基础经典教程 - CSS篇
- 2-1 CSS系列 - 初识CSS
- 2-2 CSS系列 - CSS的引入方式
- 2-3 CSS系列 - CSS的基本选择器
- 2-4 CSS系列 - CSS的选择器深入
- 2-5 CSS系列 - 初识外边距及浮动样式
- 2-6 CSS系列 - 初识内边距
- 2-7 CSS系列 - 块状元素与行内元素及属性拓展
- 2-8 CSS系列 - 元素深入及border属性详解
- 2-9 CSS系列 - 背景样式的缩写与非缩写
- 2-10 CSS系列 - 初识文字font-size样式
- 2-11 CSS系列 - 初识文字font-weight样式
- 2-12 CSS系列 - 初识文字font-family样式
- 2-13 CSS系列 - 初识文字line-height样式
- 2-14 CSS系列 - 初识文字font-style样式
- 2-15 CSS系列 - font-variant样式及font缩写样式
- 2-16 CSS系列 – 初识相对定位
- 2-17 CSS系列 – 初识绝对定位
- 2-18 CSS系列 – 初识窗口定位
- 2-19 CSS系列 - 初识继承定位及默认定位
- 2-20 CSS系列 - 初识元素的display
- 2-21 CSS系列 – display样式深入
- 2-22 CSS系列 – display样式行内块
- 2-23 CSS系列 – 初始元素百分比单位
第3章 HTML+CSS零基础经典教程 - 练习篇
- 3-1 小练习 - 风筝效果
- 3-2 小练习 - 布局基础练习 - 色块布局
- 3-3 小练习 - 布局基础练习 - 色块高级布局
- 3-4 练习 - 布局练习 - 登陆页面制作-1
- 3-5 练习 - 布局练习 - 登陆页面制作-2
- 3-6 练习 - 布局练习 - 百度页面制作 - 头部
- 3-7 练习 - 布局练习 - 百度页面制作 - 输入框部
- 3-8 练习 - 布局练习 - 百度页面制作 - 尾部
第4章 HTML+CSS零基础经典教程 - 实战项目篇
- 4-1 练习-网页头部制作
- 4-2 练习-网页输入框部分制作
- 4-3 练习-网页内容导航部分制作
- 4-4 练习-网页电影内容部分制作
- 4-5 练习-网页休闲娱乐部分制作
- 4-6 练习-网页下页内容部分制作
- 4-7 练习-网页尾部内容部分制作
课后测试
李游
全栈开发工程师，全栈讲师