CSS 教程

在本实验中，我们将探讨 CSS 中系统字体堆栈的概念。你将学习如何定义浏览器会在用户操作系统上查找的字体列表，以及如何使用此技术在网页上实现原生应用的感觉。在实验结束时，你将对如何在自己的项目中实现系统字体堆栈有扎实的理解。

在本实验中，我们将学习如何使用 CSS 创建锯齿状背景图案。通过使用线性渐变（linear-gradient()）并调整背景大小（background-size）和背景位置（background-position），我们将能够创建一个视觉上吸引人的图案，可用于网站的各种元素。本实验将有助于提高我们的 CSS 技能，并让我们更好地理解如何使用 CSS 创建独特的设计。

在本实验中，我们将探索 CSS 编程的基础知识，并学习如何使用 CSS 对网页进行样式设置和格式化。通过一系列实践练习，你将对 CSS 语法、选择器、属性和值有扎实的理解，并能够创建视觉上吸引人且响应式的网页。在本实验结束时，你将在 CSS 方面拥有坚实的基础，并准备好承担更高级的网页开发项目。

学习如何使用 HTML5 的 time 标签为日期和时间添加语义化意义，提升网页结构和可访问性。

学习如何使用语义化 HTML 标签创建更有意义且可访问的网页结构，提升代码可读性和搜索引擎优化效果。

学习如何使用 HTML5 的 audio 标签在网页中嵌入和控制音频播放，探索基础和高级的音频嵌入技术。

学习如何在 HTML 中嵌入和自定义视频元素，探索各种属性、控件和技术，以增强视频播放体验。

学习如何使用基本标签、表头、单元格合并和样式化技术创建结构化的 HTML 表格，以实现有效的网页布局和数据展示。

学习使用各种输入类型创建交互式 HTML 表单，包括文本、单选按钮、复选框、文件上传和提交按钮。

学习如何创建、样式化和操作 HTML 中的 div 元素，探索其块级特性、背景颜色和定位技术。

你好，欢迎来到 LabEx！在第一个实验中，你将学习经典的 'Hello, World!' 程序，不过这次是用 CSS 来实现。

在宠物爱好者的虚拟世界“宠物之家”中，网页开发者 Alex 开始了一项任务，利用 CSS Grid 重新设计他们的服务展示。

在繁忙的宠物城（Petville），网页开发者 Jordan 接到了重新设计 '宠物之家' 网站的任务。

在专注于提供优质宠物护理服务的网站‘宠物之家’的繁忙数字环境中，我们的主角 Jordan，一位才华横溢的网页开发者，负责提升网站的布局和设计。

在本实验中，你将扮演一名 Web 开发者的角色，任务是使用基本的 CSS 技术和选择器为宠物服务创建一个时尚的网站。

在热闹的 'Pet's House' 世界中，一个为宠物爱好者打造的虚拟庇护所，富有创意的网页设计师 Taylor 开始了一段为网站注入活力的旅程。

在这个实验中，我们将使用 HTML 和 CSS 创建一个 3D 旋转立方体。这个立方体的面将带有丰富色彩，并会无限旋转，营造出引人注目的视觉效果。我们将逐步引导你完成整个过程，助你从零开始构建这个项目。

在本实验中，我们将通过创建一个带有垂直滚动条的简单图像画廊来探索 CSS 编程的基础知识。你将学习如何使用弹性盒模型（Flexbox）和滚动捕捉属性来创建平滑的滚动效果、隐藏滚动条以及设置滚动条滑块的样式。在本实验结束时，你将对如何使用 CSS 创建响应式和交互式网页设计有更深入的理解。