博学谷 > 免费课 > Web前端基础入门精讲

Web前端基础入门精讲

Web前端基础入门精讲

本套课程专为零基础学员准备,重点讲解了HTML的常用标签与表单控件、CSS基本样式及显示模式,选择器,标签显示模式,CSS复合选择器,CSS背景应用,CSS三大特性,CSS盒子模型,浮动,为初学者夯实前端的开发基础;以问题为导向的项目实战开发阶段,使初学者加深对前端基础知识的理解,掌握Web项目开发的技巧与思路,同时具备Web网站开发的能力。

主讲:前端高级讲师 | 课程时长:13课时| 学习人数:210人 | 难度: 基础 | 有效期:7天

免费

立即报名

第 一 章:Web前端基础入门精讲

1-1 浏览器介绍

1-1-1 认识网页
1-1-2 常见浏览器
1-1-3 浏览器内核
1-1-4 web标准

1-2 HTML基本结构

1-2-1 HTML初识
1-2-2 HTML骨架
1-2-3 我的第一个页面及其标签简介
1-2-4 猪八戒版骨架记忆法

1-3 HTML常用标签

1-3-1 什么是标签及其分类
1-3-2 标签嵌套和并列关系
1-3-3 简单小测验
1-3-4 开发工具sublime
1-3-5 sublime生成html骨架
1-3-6 doctype文档类型
1-3-7 字符集简介
1-3-8 标签的语义化及其标题标签
1-3-9 段落标签和水平线标签
1-3-10 课堂案例-新闻页面
1-3-11 换行和div span标签
1-3-12 文本格式化标签
1-3-13 标签属性
1-3-14 图像标签
1-3-15 链接标签
1-3-16 锚点定位
1-3-17 base标签
1-3-18 特殊字符
1-3-19 注释标签

1-4 相对路径

1-4-1 相对路径(一)
1-4-2 相对路径(二)

1-5 列表

1-5-1 无序列表的使用
1-5-2 无序列表注意事项
1-5-3 有序列表
1-5-4 四大名著案例
1-5-5 自定义列表
1-5-6 第一天HTML总结

1-6 表单和表单控件

1-6-1 表单的作用
1-6-2 文本框和密码框
1-6-3 单选按钮和复选按钮
1-6-4 默认选中表单属性
1-6-5 input按钮组
1-6-6 最多字符数和文本值
1-6-7 label标签
1-6-8 文本域
1-6-9 下拉菜单
1-6-10 表单域

1-7 CSS介绍

1-7-1 CSS产生的原因
1-7-2 CSS网页的美容师
1-7-3 体会CSS样式
1-7-4 CSS样式规则

1-8 font字体

1-8-1 字体样式字号和字体
1-8-2 字体字号常用技巧
1-8-3 unicode字体
1-8-4 CSS注释
1-8-5 字体加粗
1-8-6 字体倾斜
1-8-7 字体综合设定

1-9 CSS基本选择器

1-9-1 调试工具chrome使用
1-9-2 标签选择器
1-9-3 体会类选择器
1-9-4 CSS命名规范
1-9-5 谷歌课堂案例
1-9-6 多类名选择器
1-9-7 ID选择器
1-9-8 id选择器和类选择器的区别
1-9-9 通配符选择器
1-9-10 链接伪类选择器的使用
1-9-11 链接伪类的简写方式

1-10 CSS外观样式及应用

1-10-1 CSS颜色
1-10-2 行高对齐和首行缩进
1-10-3 字间距和单词间距
1-10-4 颜色半透明
1-10-5 文字阴影初识
1-10-6 sublime快捷方式

1-11 CSS样式表

1-11-1 内部样式表
1-11-2 行内样式表
1-11-3 外部样式表
1-11-4 三种样式表总结

1-12 标签显示模式

1-12-1 块级标签显示模式
1-12-2 行内标签显示模式
1-12-3 行内块元素
1-12-4 显示模式转换

1-13 CSS复合选择器

1-13-1 交集选择器
1-13-2 并集选择器
1-13-3 后代选择器
1-13-4 子元素选择器
1-13-5 课堂练习-测试选择器
1-13-6 CSS书写规范

1-14 CSS背景及应用

1-14-1 背景颜色图片及其平铺
1-14-2 背景位置(一)
1-14-3 背景位置(二)
1-14-4 背景附着(固定)
1-14-5 背景简写
1-14-6 背景半透明
1-14-7 背景缩放(一)
1-14-8 背景缩放(二)
1-14-9 多背景图片

1-15 CSS三大特性

1-15-1 CSS层叠性
1-15-2 CSS继承性
1-15-3 CSS优先级
1-15-4 权重叠加
1-15-5 继承的权重为0
1-15-6 css权重6道精华题
1-15-7 优先级总结

1-16 CSS盒模型及应用

1-16-1 看透网页布局本质
1-16-2 认识盒子模型组成
1-16-3 盒子边框
1-16-4 边框综合写法(一)
1-16-5 边框综合写法(二)
1-16-6 圆角矩形
1-16-7 盒子内边距
1-16-8 外边距以及盒子居中对齐
1-16-9 文字盒子居中图片和背景区别
1-16-10 清除内外边距
1-16-11 行内元素上下内外边距的问题
1-16-12 外边距合并(一)
1-16-13 外边距合并(二)
1-16-14 盒子的计算尺寸
1-16-15 padding不影响盒子大小的情况
1-16-16 盒子模型布局稳定性

1-17 浮动及应用

1-17-1 文档流介绍
1-17-2 浮动是用来做文字环绕效果的
1-17-3 体会浮动
1-17-4 浮动就是漂浮的意思
1-17-5 浮动首先需要添加标准流父级
1-17-6 浮动特性对齐父盒子
1-17-7 浮动特性盒子排列
1-17-8 浮动影响盒子显示模式
1-17-9 浮动总结

1-18 清除浮动

1-18-1 清除浮动的本质
1-18-2 额外标签法
1-18-3 父级添加overflow方法

1-19 CSS四种定位及应用

1-19-1 为什么学习定位
1-19-2 定位属性
1-19-3 静态定位(1)
1-19-4 相对定位
1-19-5 绝对定位脱标
1-19-6 父级没有定位
1-19-7 父级有定位
1-19-8 何为子绝父相
1-19-9 定位练习-哈根达斯
1-19-10 绝对定位水平垂直居中
1-19-11 固定定位
1-19-12 叠加次序
1-19-13 定位总结
1-19-14 固定绝对定位模式转换

猜你还感兴趣

暂无推荐课程,自己逛逛吧