掌握HTML5与CSS3:构建响应式网站的核心技能
体系课

掌握HTML5与CSS3:构建响应式网站的核心技能

  • HTML与CSS

从零开始系统学习HTML5和CSS3,掌握美观网页的核心技能

¥19
本课程包括
  • 5小时8分钟的视频随时观看
  • 可在APP随时观看
  • 结业证书
你将收获
  • 掌握 CSS 核心语法与用法,系统理解 CSS 概念、选择器、文本属性等基础内容,能独立为 HTML 标签设置样式。
  • 具备网页布局能力,熟练运用盒子模型、浮动、定位等技巧,完成常见网页布局。
  • 解决样式冲突与优化问题,理解 CSS 三大特性,能处理样式冲突,学会清除浮动、避免盒子撑大等实用技巧,写出规范高效的代码。
  • 独立完成实战项目,通过仿京东快报、课程导航等案例演练,具备从 0 到 1 制作简单静态网页的能力,可应用于实际工作。
课程介绍

你是否曾思考过:

如何让网页摆脱单调的样式,呈现出丰富的视觉效果?

面对各种复杂的布局需求,如何用 CSS 精准控制元素的位置和排列?

在编写 CSS 代码时,如何避免样式冲突,让代码更简洁高效?

如果这些问题让你感到困惑,这门课正是为你设计的!

CSS 是网页的 “化妆师”,掌握它的用法,你将能打造出美观且布局合理的网页,而非停留在基础的 HTML 结构层面。

本课程围绕 “基础入门、进阶应用” 两大主线展开:

· 基础内容:涵盖 CSS 概念、选择器、文本元素、样式表书写位置等核心知识,从如何美化单个标签到如何批量设置样式,提供清晰的理论讲解和实例演示。

· 进阶技巧:详解盒子模型、浮动定位、背景属性、圆角边框等实用技能,以及 CSS 三大特性(层叠性、继承性、优先级)的应用,帮助你解决复杂布局和样式控制问题。

· 实战演练:通过仿京东快报、课程导航等案例,学员将掌握选择器的组合使用、浮动的清除、盒子模型的计算等技巧,并能独立完成简单网页的样式设计。

课程内容基于实际开发需求,循序渐进:

从最基础的如何给标签设置宽高、颜色,到如何使用类选择器和 ID 选择器精准定位元素;

从简单的文本对齐、行高设置,到复杂的浮动布局和定位技巧;

每个知识点都配有具体的代码示例,让你能直观理解并动手实践。

通过本课程,学员将:

1.掌握 CSS 核心知识:理解选择器的作用和用法,能熟练设置文本、背景等样式。

2.学会布局技巧:掌握盒子模型、浮动和定位的应用,能完成常见网页布局。

3.具备解决问题能力:了解 CSS 三大特性,能处理样式冲突,写出更规范的代码。

CSS 是网页设计的基础技能,学好它,你将能让自己的网页从 “素颜” 变得 “精致”。

快来加入课程,一起探索 CSS 打造精美网页的奥秘吧!

适合人群
  • 前端开发初学者
  • 零基础网页设计爱好者
  • 需要提升网页制作效率的学习者
讲师介绍
'极简Java'图书作者,华为认证讲师
擅长领域:
  • 人工智能认知与应用
  • 数据采集与处理
  • Java
  • Python
华中科技大学毕业 曾担任乐途旅游网资深开发工程师 八维研修学院资深讲师 北大青鸟资深讲师
课程大纲
共0节 时长0分钟 全部收起
学生资料
图文
第一节 基本标签
10分钟
第二节 图片标签
7分钟
第三节 超连接
4分钟
第四节 锚链接和功能性连接
3分钟
第五节 列表和注释
2分钟
第六节 特殊符号
3分钟
第七节 播放视频
7分钟
第八节 播放音频
3分钟
第九节 页面结构
4分钟
第十节 表格和跨行跨列
8分钟
第十一节 表单
8分钟
第十二节 下拉框和文本框
4分钟
第十三节 隐藏域只读禁用
3分钟
第十四节 表单案例
19分钟
第十五节 css 样式标签选择器
9分钟
第十六节 类选择器
5分钟
第十七节 id 选择器
3分钟
第十八节 交集选择器和并集选择器
4分钟
第十九节 后代选择器和子代选择器
5分钟
第二十节 字体样式
6分钟
第二十一节 css 样式表的位置
6分钟
第二十二节 标签分类
8分钟
第二十三节 行内元素和块元素之间的转换
8分钟
第二十四节 css 的层叠性
3分钟
第二十五节 样式的继承
4分钟
第二十六节 样式的优先级
3分钟
第二十七节 超链接的伪样式
4分钟
第二十八节 背景属性
6分钟
第二十九节 background-position 同时设置属性
4分钟
第三十节 行高
3分钟
第三十一节 盒子模型边框
7分钟
第三十二节 边框设置
3分钟
第三十三节 边框合并
2分钟
第三十四节 内边距
6分钟
第三十五节 内边距撑大盒子
4分钟
第三十六节 外边距
7分钟
第三十七节 居中显示
2分钟
第三十八节 课程导航
12分钟
第三十九节 京东快报案例
10分钟
第四十节 圆角边框
3分钟
第四十一节 浮动
11分钟
第四十二节 清除浮动
2分钟
第四十三节 解决边框塌陷的问题
5分钟
第四十四节 伪类样式解决边框塌陷
5分钟
第四十五节 案例热门活动
10分钟
第四十六节 案例热门影视
21分钟
第四十七节 静态和绝对定位
11分钟
第四十八节 相对定位
4分钟
第四十九节 固定定位
5分钟
第五十节 定位案例
9分钟
购课须知

课程有效期:

自购买课程之日起 365 天,部分参与营销活动产品以活动规则为准,请同学在有效期内学习、观看课程。

上课模式:

课程采取录播模式,请注意自学课无班级微信群、班主任带班及助教批改服务。

注:自学课不支持退款,确保你是真的需要再进行报名,报完名之后还请认真学习。