- 前端HTML5+CSS3（女神版）
- 最新的web前端html5+css3+前端项目重磅上线啦！ 采用实战式教学，一线大厂的综合案例，用最
- 上架：2022-12-22 15:44:28 学习人数：406
- 介绍
- 目录
最新的web前端html5+css3+前端项目重磅上线啦！ 采用实战式教学，一线大厂的综合案例，用最短的路径讲解每个技术点，每章节都自成闭环。 课程中和课程尾配备两个实战项目，项目一类型是企业站，快速的将基础知识点进行反复练习；项目二类型是电商站，基于项目一升级难度，掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿；编码规范对标一线大厂开发标准，做到从头到尾的专业开发。让同学们学习中即可切身体会一线大厂的开发流程和标准。
第2章
HTML基础
-
1
- 列表-使用场景
- 学习时长：04分10秒
-
2
- 列表-无序和有序
- 学习时长：08分40秒
-
3
- 列表-自定义
- 学习时长：05分11秒
-
4
- 表格-使用
- 学习时长：13分20秒
-
5
- 表格-表格标题和表头单元格
- 学习时长：07分20秒
-
6
- 表格-结构标签
- 学习时长：08分55秒
-
7
- 表格-合并单元格
- 学习时长：10分05秒
-
8
- 表单-应用场景
- 学习时长：03分30秒
-
9
- 表单-input基本使用
- 学习时长：14分29秒
-
10
- 表单-input-占位符（提示信息）
- 学习时长：04分05秒
-
11
- 表单-单选功能和默认选中
- 学习时长：09分10秒
-
12
- 表单-上传多个文件
- 学习时长：02分57秒
-
13
- 表单-按钮-input
- 学习时长：11分53秒
-
14
- 表单-按钮-button
- 学习时长：05分14秒
-
15
- 表单-下拉菜单
- 学习时长：07分18秒
-
16
- 表单-文本域
- 学习时长：04分34秒
-
17
- 表单-label标签
- 学习时长：08分54秒
-
18
- 语义化标签
- 学习时长：11分34秒
-
19
- 字符实体
- 学习时长：04分17秒
-
20
- 综合案例-学生信息表
- 学习时长：09分57秒
-
21
- 综合案例-表单
- 学习时长：15分40秒
第3章
CSS基础
-
1
- 体验css
- 学习时长：12分01秒
-
2
- css引入方式
- 学习时长：10分25秒
-
3
- 选择器-标签
- 学习时长：04分31秒
-
4
- 选择器-类
- 学习时长：08分35秒
-
5
- 选择器-id
- 学习时长：07分02秒
-
6
- 选择器-通配符
- 学习时长：04分51秒
-
7
- 文字基本样式
- 学习时长：09分34秒
-
8
- 文字-字体
- 学习时长：12分00秒
-
9
- 拓展-层叠性
- 学习时长：02分07秒
-
10
- font复合属性
- 学习时长：08分27秒
-
11
- 文本缩进
- 学习时长：05分20秒
-
12
- 水平对齐方式
- 学习时长：07分37秒
-
13
- 文本修饰线
- 学习时长：04分48秒
-
14
- 行高
- 学习时长：09分22秒
-
15
- 谷歌调试工具
- 学习时长：12分37秒
-
16
- 拓展-颜色取值
- 学习时长：06分28秒
-
17
- 拓展-标签居中
- 学习时长：04分01秒
-
18
- 综合案例1-标题完成
- 学习时长：13分50秒
-
19
- 综合案例1-新闻-内容
- 学习时长：05分25秒
-
20
- 综合案例2-图片完成
- 学习时长：11分40秒
-
21
- 综合案例2-产品-文字效果
- 学习时长：07分25秒
第4章
CSS进阶
-
1
- 选择器-后代
- 学习时长：08分29秒
-
2
- 选择器-子代
- 学习时长：05分43秒
-
3
- 选择器-并集
- 学习时长：04分47秒
-
4
- 选择器-交集
- 学习时长：06分03秒
-
5
- 选择器-伪类
- 学习时长：04分33秒
-
6
- emmet语法
- 学习时长：14分14秒
-
7
- 背景-背景色
- 学习时长：05分17秒
-
8
- 背景-背景图
- 学习时长：04分00秒
-
9
- 背景-背景平铺
- 学习时长：04分55秒
-
10
- 背景-背景位置
- 学习时长：09分52秒
-
11
- 背景-background
- 学习时长：11分56秒
-
12
- 背景图和img的区别
- 学习时长：08分24秒
-
13
- 显示模式-块
- 学习时长：08分31秒
-
14
- 显示模式-行内
- 学习时长：06分00秒
-
15
- 显示模式-行内块
- 学习时长：04分02秒
-
16
- 显示模式-转换
- 学习时长：07分57秒
-
17
- 拓展-标签嵌套
- 学习时长：06分47秒
-
18
- CSS特性-继承性
- 学习时长：13分46秒
-
19
- CSS特性-层叠性
- 学习时长：03分59秒
-
20
- 综合案例1
- 学习时长：09分43秒
-
21
- 综合案例2
- 学习时长：11分37秒
第5章
CSS盒子模型
-
1
- 优先级-基本测试
- 学习时长：13分50秒
-
2
- 优先级-叠加计算
- 学习时长：09分06秒
-
3
- 优先级-计算题
- 学习时长：14分20秒
-
4
- 谷歌-排错
- 学习时长：13分20秒
-
5
- PxCook
- 学习时长：12分27秒
-
6
- 盒子模型-组成
- 学习时长：12分45秒
-
7
- 盒子模型-浏览器效果
- 学习时长：04分10秒
-
8
- 盒子模型-内容width和height
- 学习时长：03分01秒
-
9
- 盒子模型-border使用方法
- 学习时长：11分10秒
-
10
- 盒子模型-尺寸计算-border
- 学习时长：04分31秒
-
11
- 盒子模型-案例
- 学习时长：06分39秒
-
12
- 新浪导航-布局div
- 学习时长：07分13秒
-
13
- 新浪导航-内容a
- 学习时长：13分07秒
-
14
- 盒子模型-padding-多值
- 学习时长：13分26秒
-
15
- 盒子模型-尺寸-border和padding
- 学习时长：04分08秒
-
16
- 新浪导航-padding优化
- 学习时长：06分03秒
-
17
- 盒子模型-内减模式
- 学习时长：04分46秒
-
18
- 盒子模型-外边距
- 学习时长：03分19秒
-
19
- 清除默认样式
- 学习时长：11分10秒
-
20
- 版心居中
- 学习时长：04分58秒
-
21
- 综合案例-新闻列表-div布局
- 学习时长：05分23秒
-
22
- 综合案例-新闻列表-标题
- 学习时长：09分34秒
-
23
- 综合案例-新闻列表-内容
- 学习时长：09分07秒
-
24
- 外边距-问题
- 学习时长：13分38秒
-
25
- 行内元素的垂直内外边距
- 学习时长：04分20秒
第6章
CSS浮动
-
1
- 结构伪类-基本用法
- 学习时长：07分55秒
-
2
- 结构伪类-公式
- 学习时长：09分35秒
-
3
- 伪元素
- 学习时长：12分11秒
-
4
- 标准流
- 学习时长：02分47秒
-
5
- 浮动-体验行内块问题
- 学习时长：08分10秒
-
6
- 浮动-作用
- 学习时长：06分59秒
-
7
- 浮动-特点
- 学习时长：12分12秒
-
8
- 综合案例-小米布局
- 学习时长：07分38秒
-
9
- 拓展-css属性顺序
- 学习时长：04分56秒
-
10
- 综合案例-小米产品-左右结构
- 学习时长：05分20秒
-
11
- 综合案例-小米产品-li
- 学习时长：08分34秒
-
12
- 综合案例-导航
- 学习时长：13分15秒
-
13
- 清除浮动-场景搭建
- 学习时长：11分03秒
-
14
- 清除浮动-额外标签
- 学习时长：04分39秒
-
15
- 清除浮动-单伪元素
- 学习时长：07分35秒
-
16
- 清除浮动-双伪元素
- 学习时长：06分05秒
-
17
- 清除浮动-overflow
- 学习时长：02分15秒
第7章
在线项目
-
1
- 准备工作
- 学习时长：12分41秒
-
2
- 版心和清除默认样式
- 学习时长：11分36秒
-
3
- header布局
- 学习时长：04分51秒
-
4
- logo和nav布局
- 学习时长：05分52秒
-
5
- nav内容完成
- 学习时长：10分57秒
-
6
- 搜索-布局和文本框
- 学习时长：09分57秒
-
7
- 搜索-按钮
- 学习时长：06分17秒
-
8
- 用户区域
- 学习时长：06分47秒
-
9
- banner-布局
- 学习时长：07分44秒
-
10
- banner-left完成
- 学习时长：07分27秒
-
11
- banner-right-标题
- 学习时长：03分16秒
-
12
- banner-right-内容
- 学习时长：08分49秒
-
13
- banner-right-全部课程
- 学习时长：04分54秒
-
14
- 精品推荐
- 学习时长：12分44秒
-
15
- 精品课程-标题
- 学习时长：07分09秒
-
16
- 精品课程内容
- 学习时长：11分12秒
-
17
- 版权区域-布局
- 学习时长：06分15秒
-
18
- 版权区域-内容
- 学习时长：08分22秒
第8章
定位装饰
-
1
- 作用和使用步骤
- 学习时长：06分07秒
-
2
- 相对relative
- 学习时长：05分39秒
-
3
- 了解-定位-注意事项
- 学习时长：04分13秒
-
4
- 绝对absolute-参照浏览器
- 学习时长：07分39秒
-
5
- 子绝父相
- 学习时长：11分44秒
-
6
- 案例—学成在线-hot
- 学习时长：07分26秒
-
7
- 居中
- 学习时长：10分03秒
-
8
- 位移居中
- 学习时长：06分09秒
-
9
- 案例-二维码
- 学习时长：07分13秒
-
10
- 案例-banner
- 学习时长：08分17秒
-
11
- 固定
- 学习时长：06分03秒
-
12
- 显示层级
- 学习时长：09分37秒
-
13
- vertical-align-01
- 学习时长：11分58秒
-
14
- vertical-align-02
- 学习时长：07分17秒
-
15
- 光标类型
- 学习时长：07分11秒
-
16
- 圆角边框-基本使用
- 学习时长：09分45秒
-
17
- 圆角边框-工作场景
- 学习时长：06分23秒
-
18
- 溢出显示效果-overflow
- 学习时长：06分45秒
-
19
- 显示隐藏-基本使用
- 学习时长：05分49秒
-
20
- 案例-二维码显示隐藏
- 学习时长：03分29秒
-
21
- 透明属性opacity
- 学习时长：02分41秒
第9章
小兔鲜项目搭建
-
1
- css精灵-作用
- 学习时长：03分46秒
-
2
- css精灵-使用
- 学习时长：14分12秒
-
3
- 背景图缩放
- 学习时长：11分16秒
-
4
- 盒子阴影
- 学习时长：08分09秒
-
5
- 过渡
- 学习时长：09分21秒
-
6
- 骨架标签
- 学习时长：10分47秒
-
7
- SEO
- 学习时长：12分58秒
-
8
- favicon-标题图标
- 学习时长：02分42秒
-
9
- 项目目录
- 学习时长：10分52秒
-
10
- 项目代码准备
- 学习时长：06分41秒
-
11
- 快捷导航-布局
- 学习时长：09分26秒
-
12
- 快捷导航-内容
- 学习时长：11分34秒
-
13
- header-布局
- 学习时长：10分09秒
-
14
- logo和导航
- 学习时长：09分06秒
-
15
- 搜索
- 学习时长：10分56秒
-
16
- 购物车
- 学习时长：07分48秒
-
17
- 版权-布局
- 学习时长：10分39秒
-
18
- 版权-li内容完成
- 学习时长：12分04秒
-
19
- 版权底部
- 学习时长：04分51秒
第10章
小兔鲜项目主体
-
1
- banner-图
- 学习时长：06分52秒
-
2
- banner-侧导航-布局
- 学习时长：08分16秒
-
3
- banner-侧导航-文字内容
- 学习时长：08分55秒
-
4
- banner-箭头
- 学习时长：14分52秒
-
5
- banner-圆点
- 学习时长：11分03秒
-
6
- 新鲜好物-标题
- 学习时长：11分42秒
-
7
- 新鲜好物-内容-布局
- 学习时长：09分21秒
-
8
- 新鲜好物-内容完成
- 学习时长：06分43秒
-
9
- 新鲜好物-新品文字
- 学习时长：06分13秒
-
10
- 生鲜-标题-布局
- 学习时长：09分09秒
-
11
- 生鲜区域
- 学习时长：10分31秒
-
12
- 生鲜-内容-布局
- 学习时长：05分05秒
课程推荐
更多>
-
视频- 前端基础进阶-移动Web
- 本课程采用2+5模式，前两天承接HTML+CSS，使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每章节都配备综合案例，学完即练习企业级项目，让学生不仅掌握知识点，还能学到知识点在实际开发中的应用场景，让学生学以致用。
- 立即学习 2022/12/22 41:20
-
视频- HTML5+CSS练手项目【手敲阴阳师官网】
- 网页作品布局方面：网页布局整体为LOGO、导航、轮播图、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断。
- 立即学习 2022/12/22 12:39
-
视频- 前端基础HTML5+CSS3从入门到精通(完整版)
- 本视频基于2021年最新web标准录制，包含所有HTML5+CSS3的新特性，传统布局和弹性盒布局、响应式布局、网格布局深入讲解，打造一站式知识长龙服务，0基础也可轻松入门学习。
- 立即学习 2022/12/22 35:28
-
视频- 最通俗易懂的html+css课程 9天速成
- HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
- 立即学习 2022/12/23 05:56