当前位置：首页 > 课程列表 > 前端HTML5+CSS3（女神版） > 正在播放（banner-布局）
上一节：用户区域
下一节：banner-left完成
课程目录
-
第1章 HTML初识已更新至23小节
- 1导学
- 学习时长：08分27秒
- 2网页组成和本质
- 学习时长：05分54秒
- 3初识浏览器
- 学习时长：06分57秒
- 4web标准
- 学习时长：07分32秒
- 5HTML感知
- 学习时长：12分16秒
- 6HTML骨架
- 学习时长：06分07秒
- 7vscode的简介和使用
- 学习时长：11分47秒
- 8注释
- 学习时长：06分50秒
- 9标签组成和关系
- 学习时长：06分16秒
- 10标题和段落
- 学习时长：14分02秒
- 11换行和水平线标签
- 学习时长：03分59秒
- 12文本格式化标签
- 学习时长：09分47秒
- 13图片基本使用
- 学习时长：09分04秒
- 14图片属性
- 学习时长：08分31秒
- 15绝对路径
- 学习时长：10分24秒
- 16相对路径-同级和下级
- 学习时长：10分17秒
- 17相对路径-上级
- 学习时长：05分34秒
- 18音频标签
- 学习时长：09分27秒
- 19视频标签
- 学习时长：07分36秒
- 20超链接
- 学习时长：15分09秒
- 21综合案例-招聘
- 学习时长：12分23秒
- 22综合案例-跳转-index
- 学习时长：08分22秒
- 23综合案例-跳转-其他页面
- 学习时长：08分17秒
-
第2章 HTML基础已更新至21小节
- 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基础已更新至21小节
- 1体验css
- 学习时长：12分01秒
- 2css引入方式
- 学习时长：10分25秒
- 3选择器-标签
- 学习时长：04分31秒
- 4选择器-类
- 学习时长：08分35秒
- 5选择器-id
- 学习时长：07分02秒
- 6选择器-通配符
- 学习时长：04分51秒
- 7文字基本样式
- 学习时长：09分34秒
- 8文字-字体
- 学习时长：12分00秒
- 9拓展-层叠性
- 学习时长：02分07秒
- 10font复合属性
- 学习时长：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进阶已更新至21小节
- 1选择器-后代
- 学习时长：08分29秒
- 2选择器-子代
- 学习时长：05分43秒
- 3选择器-并集
- 学习时长：04分47秒
- 4选择器-交集
- 学习时长：06分03秒
- 5选择器-伪类
- 学习时长：04分33秒
- 6emmet语法
- 学习时长：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秒
- 18CSS特性-继承性
- 学习时长：13分46秒
- 19CSS特性-层叠性
- 学习时长：03分59秒
- 20综合案例1
- 学习时长：09分43秒
- 21综合案例2
- 学习时长：11分37秒
-
第5章 CSS盒子模型已更新至25小节
- 1优先级-基本测试
- 学习时长：13分50秒
- 2优先级-叠加计算
- 学习时长：09分06秒
- 3优先级-计算题
- 学习时长：14分20秒
- 4谷歌-排错
- 学习时长：13分20秒
- 5PxCook
- 学习时长：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浮动已更新至17小节
- 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章 在线项目已更新至18小节
- 1准备工作
- 学习时长：12分41秒
- 2版心和清除默认样式
- 学习时长：11分36秒
- 3header布局
- 学习时长：04分51秒
- 4logo和nav布局
- 学习时长：05分52秒
- 5nav内容完成
- 学习时长：10分57秒
- 6搜索-布局和文本框
- 学习时长：09分57秒
- 7搜索-按钮
- 学习时长：06分17秒
- 8用户区域
- 学习时长：06分47秒
- 9banner-布局
- 学习时长：07分44秒
- 播放中
- 10banner-left完成
- 学习时长：07分27秒
- 11banner-right-标题
- 学习时长：03分16秒
- 12banner-right-内容
- 学习时长：08分49秒
- 13banner-right-全部课程
- 学习时长：04分54秒
- 14精品推荐
- 学习时长：12分44秒
- 15精品课程-标题
- 学习时长：07分09秒
- 16精品课程内容
- 学习时长：11分12秒
- 17版权区域-布局
- 学习时长：06分15秒
- 18版权区域-内容
- 学习时长：08分22秒
-
第8章 定位装饰已更新至21小节
- 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秒
- 13vertical-align-01
- 学习时长：11分58秒
- 14vertical-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章 小兔鲜项目搭建已更新至19小节
- 1css精灵-作用
- 学习时长：03分46秒
- 2css精灵-使用
- 学习时长：14分12秒
- 3背景图缩放
- 学习时长：11分16秒
- 4盒子阴影
- 学习时长：08分09秒
- 5过渡
- 学习时长：09分21秒
- 6骨架标签
- 学习时长：10分47秒
- 7SEO
- 学习时长：12分58秒
- 8favicon-标题图标
- 学习时长：02分42秒
- 9项目目录
- 学习时长：10分52秒
- 10项目代码准备
- 学习时长：06分41秒
- 11快捷导航-布局
- 学习时长：09分26秒
- 12快捷导航-内容
- 学习时长：11分34秒
- 13header-布局
- 学习时长：10分09秒
- 14logo和导航
- 学习时长：09分06秒
- 15搜索
- 学习时长：10分56秒
- 16购物车
- 学习时长：07分48秒
- 17版权-布局
- 学习时长：10分39秒
- 18版权-li内容完成
- 学习时长：12分04秒
- 19版权底部
- 学习时长：04分51秒
-
第10章 小兔鲜项目主体已更新至12小节
- 1banner-图
- 学习时长：06分52秒
- 2banner-侧导航-布局
- 学习时长：08分16秒
- 3banner-侧导航-文字内容
- 学习时长：08分55秒
- 4banner-箭头
- 学习时长：14分52秒
- 5banner-圆点
- 学习时长：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天完成移动端和多端适配效果。课程采用闭环方式设计，每章节都配备综合案例，学完即练习企业级项目，让学生不仅掌握知识点，还能学到知识点在实际开发中的应用场景，让学生学以致用。
- 424次学习
-
- HTML5+CSS练手项目【手敲阴阳师官网】
- 网页作品布局方面：网页布局整体为LOGO、导航、轮播图、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断。
- 423次学习
-
- 前端HTML5+CSS3（女神版）
- 最新的web前端html5+css3+前端项目重磅上线啦！采用实战式教学，一线大厂的综合案例，用最短的路径讲解每个技术点，每章节都自成闭环。课程中和课程尾配备两个实战项目，项目一类型是企业站，快速的将基础知识点进行反复练习；项目二类型是电商站，基于项目一升级难度，掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿；编码规范对标一线大厂开发标准，
- 406次学习
-
- 前端基础HTML5+CSS3从入门到精通(完整版)
- 本视频基于2021年最新web标准录制，包含所有HTML5+CSS3的新特性，传统布局和弹性盒布局、响应式布局、网格布局深入讲解，打造一站式知识长龙服务，0基础也可轻松入门学习。
- 376次学习
