课程试听
1-1 浏览器介绍
- 认识网页
- 常见浏览器
- 浏览器内核
- web标准
1-2 HTML基本结构
- HTML初识
- HTML骨架
- 我的第一个页面及其标签简介
- 猪八戒版骨架记忆法
1-3 HTML常用标签
- 什么是标签及其分类
- 标签嵌套和并列关系
- 简单小测验
- 开发工具sublime
- sublime生成html骨架
- doctype文档类型
- 字符集简介
- 标签的语义化及其标题标签
- 段落标签和水平线标签
- 课堂案例-新闻页面
- 换行和div span标签
- 文本格式化标签
- 标签属性
- 图像标签
- 链接标签
- 锚点定位
- base标签
- 特殊字符
- 注释标签
1-4 相对路径
- 相对路径(一)
- 相对路径(二)
1-5 列表
- 无序列表的使用
- 无序列表注意事项
- 有序列表
- 四大名著案例
- 自定义列表
- 第一天HTML总结
1-6 表单和表单控件
- 表单的作用
- 文本框和密码框
- 单选按钮和复选按钮
- 默认选中表单属性
- input按钮组
- 最多字符数和文本值
- label标签
- 文本域
- 下拉菜单
- 表单域
1-7 CSS介绍
- CSS产生的原因
- CSS网页的美容师
- 体会CSS样式
- CSS样式规则
1-8 font字体
- 字体样式字号和字体
- 字体字号常用技巧
- unicode字体
- CSS注释
- 字体加粗
- 字体倾斜
- 字体综合设定
1-9 CSS基本选择器
- 调试工具chrome使用
- 标签选择器
- 体会类选择器
- CSS命名规范
- 谷歌课堂案例
- 多类名选择器
- ID选择器
- id选择器和类选择器的区别
- 通配符选择器
- 链接伪类选择器的使用
- 链接伪类的简写方式
1-10 CSS外观样式及应用
- CSS颜色
- 行高对齐和首行缩进
- 字间距和单词间距
- 颜色半透明
- 文字阴影初识
- sublime快捷方式
1-11 CSS样式表
- 内部样式表
- 行内样式表
- 外部样式表
- 三种样式表总结
1-12 标签显示模式
- 块级标签显示模式
- 行内标签显示模式
- 行内块元素
- 显示模式转换
1-13 CSS复合选择器
- 交集选择器
- 并集选择器
- 后代选择器
- 子元素选择器
- 课堂练习-测试选择器
- CSS书写规范
1-14 CSS背景及应用
- 背景颜色图片及其平铺
- 背景位置（一）
- 背景位置(二)
- 背景附着(固定)
- 背景简写
- 背景半透明
- 背景缩放（一）
- 背景缩放（二）
- 多背景图片
1-15 CSS三大特性
- CSS层叠性
- CSS继承性
- CSS优先级
- 权重叠加
- 继承的权重为0
- css权重6道精华题
- 优先级总结
1-16 CSS盒模型及应用
- 看透网页布局本质
- 认识盒子模型组成
- 盒子边框
- 边框综合写法(一)
- 边框综合写法(二)
- 圆角矩形
- 盒子内边距
- 外边距以及盒子居中对齐
- 文字盒子居中图片和背景区别
- 清除内外边距
- 行内元素上下内外边距的问题
- 外边距合并(一)
- 外边距合并(二)
- 盒子的计算尺寸
- padding不影响盒子大小的情况
- 盒子模型布局稳定性
1-17 浮动及应用
- 文档流介绍
- 浮动是用来做文字环绕效果的
- 体会浮动
- 浮动就是漂浮的意思
- 浮动首先需要添加标准流父级
- 浮动特性对齐父盒子
- 浮动特性盒子排列
- 浮动影响盒子显示模式
- 浮动总结
1-18 清除浮动
- 清除浮动的本质
- 额外标签法
- 父级添加overflow方法
1-19 CSS四种定位及应用
- 为什么学习定位
- 定位属性
- 静态定位(1)
- 相对定位
- 绝对定位脱标
- 父级没有定位
- 父级有定位
- 何为子绝父相
- 定位练习-哈根达斯
- 绝对定位水平垂直居中
- 固定定位
- 叠加次序
- 定位总结
- 固定绝对定位模式转换