HTML5+CSS从入门到实战:30天掌握网页设计与布局

HTML5+CSS从入门到实战:30天掌握网页设计与布局
共128节 71人在学 课程详情
  • 1. 1-工具安装和插件安装
  • 2. 2-meta标签1
  • 3. 3-meta标签2
  • 4. h1~h6标题标
  • 5. 5-p标签和 br标签
  • 6. 6-strong和em标签
  • 7. 7-转义符
  • 8. 8-img标签
  • 9. 9-超链接
  • 10. 10-无序列表
  • 11. 11-有序列表
  • 12. 12-定义列表
  • 13. 13-表格
  • 14. 14-表格跨行跨列
  • 15. 15-视频和音频
  • 16. 16-网页结构化标签
  • 17. 17-iframe
  • 18. 18-form表单的属性Method和action
  • 19. 19-文本框属性值说明
  • 20. 20-password密码框
  • 21. radio单选
  • 22. checkbox复选框
  • 23. select下拉框
  • 24. 按钮
  • 25. 文本域
  • 26. 文件域标签
  • 27. 邮箱、网址、数字标签
  • 28. 滑块、搜索标签
  • 29. 隐藏、只读、禁用
  • 30. label标签
  • 31. 表单验证
  • 32. 初始样式
  • 33. 3种样式
  • 34. 3种样式优缺点和导入式
  • 35. 导入式和链接式区别
  • 36. 样式优先级
  • 37. 上机练习1
  • 38. 标签选择器
  • 39. 类选择器
  • 40. id选择器
  • 41. 基本选择器优先级
  • 42. 后代选择器
  • 43. 子选择器
  • 44. 相邻兄弟选择器
  • 45. 通用选择器
  • 46. 第一个和最后一个元素
  • 47. nth-child
  • 48. last-of-type
  • 49. nth-of-type
  • 50. 块元素横行显示
  • 51. 属性选择器
  • 52. 实战案例1
  • 53. 案例2
  • 54. 字体设置
  • 55. 字体样式继承和单位
  • 56. 字体颜色
  • 57. 文字居中
  • 58. 文字上、中、下划线
  • 59. 文字阴影和盒子阴影
  • 60. 文本首行缩进
  • 61. a标签伪类样式
  • 62. list-style
  • 63. 背景颜色
  • 64. 背景图片
  • 65. 背景简写形式
  • 66. 背景尺寸大小
  • 67. 背景渐变
  • 68. 背景兼容设置
  • 69. css特性-层叠+继承
  • 70. css优先级(权重值)
  • 71. 精灵图
  • 72. 边框
  • 73. 隐藏边框
  • 74. 内边距
  • 75. 外边距
  • 76. 盒子尺寸大小
  • 77. box-sizing
  • 78. 案例盒子模型
  • 79. 圆角和圆
  • 80. 半圆
  • 81. 扇形
  • 82. 三角
  • 83. 标准流布局
  • 84. display属性
  • 85. qq导航
  • 86. 浮动
  • 87. 子元素浮动父元素边框塌陷
  • 88. 父元素塌陷-清除浮动
  • 89. 父元素塌陷-overflow
  • 90. after父元素添加伪类样式
  • 91. 电视剧详情
  • 92. 京东登录
  • 93. 案例-摄影热门小镇
  • 94. 案例-名人名言-1
  • 95. 案例-名人名言进阶-2
  • 96. 案例-彩妆
  • 97. 相对定位
  • 99. 绝对定位
  • 100. 子绝父相案例-轮播图数字
  • 101. 子绝父相案例-位于左上角
  • 102. 绝对定位元素居中
  • 103. 固定定位
  • 104. 固定定位实战案例
  • 105. 粘性定位
  • 106. 透明度
  • 107. 浮动定位元素宽度问题
  • 108. 总结浮动和定位对元素影响
  • 109. 图片遮罩层案例
  • 110. 动画-平移
  • 111. 动画-缩放
  • 112. 动画-倾斜
  • 113. 动画-旋转
  • 114. 动画-菜单栏案例
  • 115. 过渡动画
  • 116. 照片墙案例
  • 117. 按钮旋转
  • 118. 动画-animation
  • 119. 动画-keyframe
  • 120. 高级搜索展开效果
  • 121. 固定布局和百分比布局
  • 122. flex布局
  • 123. 子元素排列和对齐方式
  • 124. 弹性盒子布局案例
  • 125. 弹性盒子布局-em
  • 126. 弹性盒子布局-flex-居中
  • 127. 弹性盒子布局-rem
  • 128. 媒体查询
  • 129. 利用媒体查询做响应式布局

    订阅失败

    HTML5+CSS从入门到实战:30天掌握网页设计与布局
    HTML5+CSS从入门到实战:30天掌握网页设计与布局 ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    本课时介绍 HTML 中视频和音频的嵌入方法。随着多媒体在网页中的广泛应用,能够方便地展示视频和音频内容变得至关重要。学员将学习 <video> 和 <audio> 标签的基本用法,包括如何指定媒体文件的路径、设置播放控件等。同时,了解不同浏览器对视频和音频格式的支持情况,以及如何通过备用内容确保在不支持相应标签的浏览器中也能提供良好的用户体验。此外,还会简单介绍一些常见的媒体格式转换工具。

    课程介绍

    本课程系统讲解HTML5+CSS3前端开发核心技术,从基础环境搭建到高级布局动画全覆盖。课程包含129个知识点,涵盖:

    1. HTML核心标签:meta/img/表单/表格/多媒体等50+标签的语义化使用
    2. CSS样式进阶:选择器优先级/盒模型/浮动定位/Flex/Grid布局/响应式设计
    3. 实战项目开发:京东登录页/轮播图/照片墙/导航菜单等10+企业级案例
    4. 动画交互特效:CSS3动画/过渡效果/关键帧动画/粘性定位等视觉技术

    通过「理论讲解+代码实操+项目演练」三维教学模式,帮助学员快速掌握前端开发核心技能。

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 844人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22538人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4273人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 819人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 879人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5191人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1522人在学

    Python Django 深度学习 小程序

    钟翔 · 2382人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 650人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4058人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~