HTML+CSS基础课程

-第1章 Html介绍

• 1-1 代码初体验，制作我的第一个网页
• 1-2 Html和CSS的关系
• 1-3 认识html标签
• 1-4 标签的语法
• 1-5 认识html文件基本结构
• 1-6 认识head标签
• 1-7 了解HTML的代码注释

-第2章 认识标签(第一部分)

• 2-1 语义化，让你的网页更好的被搜索引擎理解
• 2-2 标签，网页上显示的内容放在这里
• 2-3 开始学习

  标签，添加段落

• 2-4 了解标签，为你的网页添加标题
• 2-5 加入强调语气，使用和标签
• 2-6 使用标签为文字设置单独样式
• 2-7 标签，短文本引用
• 2-8

  标签，长文本引用

• 2-9 使用
  标签分行显示文本
• 2-10 为你的网页中添加一些空格
• 2-11 认识

  ---

  标签，添加水平横线
• 2-12
  标签，为网页加入地址信息
• 2-13 想加入一行代码吗？使用code标签
• 2-14 使用pre标签为你的网页加入大段代码

-第3章 认识标签(第二部分)

• 3-1 使用ul，添加新闻信息列表
• 3-2 使用ol，添加图书销售排行榜
• 3-3 认识div在排版中的作用
• 3-4 给div命名，使逻辑更加清晰
• 3-5 table标签---认识网页上的表格
• 3-6 用css样式，为表格加入边框
• 3-7 caption标签，为表格添加标题和摘要

-第4章 认识标签(第三部分)

• 最近学习4-1 使用标签，链接到别一个页面
• 4-2 在新建浏览器窗口中打开链接
• 4-3 使用mailto在网页中链接Email地址
• 4-4 认识标签，为网页插入图片

-第5章 与浏览者交互，表单标签

• 5-1 使用表单标签，与用户交互
• 5-2 文本输入框、密码输入框
• 5-3 文本域，支持多行文本输入
• 5-4 使用单选框、复选框，让用户选择
• 5-5 使用下拉列表框，节省空间
• 5-6 使用下拉列表框进行多选
• 5-7 使用提交按钮，提交数据
• 5-8 使用重置按钮，重置表单信息
• 5-9 form表单中的label标签

-第6章 开始学习CSS，为网页添加样式

• 6-1 认识CSS样式
• 6-2 CSS样式的优势
• 6-3 CSS代码语法
• 6-4 CSS注释代码

-第7章 CSS样式基本知识

• 7-1 内联式css样式，直接写在现有的HTML标签中
• 7-2 嵌入式css样式，写在当前的文件中
• 7-3 外部式css样式，写在单独的一个文件中
• 7-4 三种方法的优先级

-第8章 CSS选择器

• 8-1 什么是选择器？
• 8-2 标签选择器
• 8-3 类选择器
• 8-4 ID选择器
• 8-5 类和ID选择器的区别
• 8-6 子选择器
• 8-7 包含(后代)选择器
• 8-8 通用选择器
• 8-9 伪类选择符
• 8-10 分组选择符

-第9章 CSS的继承、层叠和特殊性

• 9-1 继承
• 9-2 特殊性
• 9-3 层叠
• 9-4 重要性

-第10章 CSS格式化排版

• 10-1 文字排版--字体
• 10-2 文字排版--字号、颜色
• 10-3 文字排版--粗体
• 10-4 文字排版--斜体
• 10-5 文字排版--下划线
• 10-6 文字排版--删除线
• 10-7 段落排版--缩进
• 10-8 段落排版--行间距（行高）
• 10-9 段落排版--字间距、字母间距
• 10-10 段落排版--对齐

-第11章 CSS盒模型

• 11-1 元素分类
• 11-2 元素分类--块级元素
• 11-3 元素分类--内联元素
• 11-4 元素分类--内联块状元素
• 11-5 什么是盒模型 (02:14)
• 11-6 盒模型--边框（一）
• 11-7 盒模型--边框（二）
• 11-8 盒模型--宽度和高度
• 11-9 盒模型--填充
• 11-10 盒模型--边界

-第12章 CSS布局模型

• 12-1 css布局模型
• 12-2 流动模型（一）
• 12-3 流动模型（二）
• 12-4 浮动模型
• 12-5 什么是层模型？
• 12-6 层模型--绝对定位
• 12-7 层模型--相对定位
• 12-8 层模型--固定定位
• 12-9 Relative与Absolute组合使用

-第13章 CSS代码缩写，占用更少的带宽

• 13-1 盒模型代码简写
• 13-2 颜色值缩写
• 13-3 字体缩写