CSS
小麦1 个月前关于
CSS（层叠样式表）是一种用于描述网页外观和布局的规则语言，通过选择器选中HTML元素并为其设置样式，如颜色、字体、尺寸等。它支持丰富的文本样式控制、盒模型布局以及动画和变换效果，还能利用滤镜实现图像处理般的视觉效果。通过优先级、继承和层叠机制，CSS能够灵活地管理多个样式规则之间的关系，配合开发工具可以高效调试和组织复杂的样式系统。
统计
资料预览展示该知识库中前 5 条资料
什么是 CSS？ - 学习 Web 开发 | MDN
CSS（层叠样式表）可以让你创建外观精美的网页，但它在底层是如何工作的呢？本文将解释 CSS 是什么、基本语法是什么样的，以及浏览器如何将 CSS 应用于 HTML 来实现样式。
测试你的技能：响应式网页设计和媒体查询 - 学习 Web 开发 | MDN
本技能测试用于评估你是否理解使用媒体查询的方法，并通过实际任务让你练习响应式网页设计。完成此任务所需的所有知识都包含在 CSS 布局模块的布局课程中。
高级区块效果 - 学习 Web 开发 | MDN
这篇文章展示了盒子的小技巧，提供了一些高级特性的介绍，这些特性不适合其他类别的样式，比如盒子阴影、混合模式和滤镜。
媒体查询入门指南 - 学习 Web 开发 | MDN
CSS 媒体查询为你提供了一种应用 CSS 的方法，仅在浏览器和设备的环境与你指定的规则相匹配的时候 CSS 才会真的被应用，例如“视口宽于 480 像素”的时候。媒体查询是响应式 Web 设计的关键部分，因为它允许你按照视口的尺寸创建不同的布局，不过它也可以用来探测和你的站点运行的环境相关联的其他条件，比如用户是在使用触摸屏还是鼠标。在本节课，你将会先学习到媒体查询的语法，然后继续在一个被安排好的示例中使用它，这个示例还会告诉你一个简单的设计是可以怎么被弄成响应式的。
CSS 构建 - 学习 Web 开发 | MDN
这个模块承接学习 CSS 第一步——即你对 (CSS) 语言和其语法已经足够熟悉、并且有了一些基本的使用经验，该是稍微深入点学习的时候了。这个模块着眼于级联和继承，所有可供使用的选择器类型，单位，尺寸，背景、边框样式，调试，等等等等。
笔记预览展示该知识库中前 5 条笔记
0. CSS 学什么？
一、,基础语法与样式应用
-
掌握三种引入方式：内联样式、内部样式表 与 外部样式表，并明确其优先级关系。
-
深入学习 基本语法结构：选择器、声明块
1. 基础语法与样式应用
1. CSS 引入方式
1.1 内联样式（Inline Styles）
直接在 HTML 元素的 style 属性中编写 CSS 规则。这种方式优先级最高，但可维护性差，不推荐用于
2. 盒模型、布局与定位详解
1. CSS 盒模型（Box Model）
每个 HTML 元素都可以看作一个矩形盒子，由四个部分组成：content（内容）、padding（内边距）、border（
3. 响应式设计与视觉优化实践
1. 响应式 Web 设计（RWD）
1.1 媒体查询（@media）
媒体查询 是实现响应式设计的核心工具，它允许根据设备的特性（如视口宽度、屏幕方向、分辨率等）应用不同的
[扩展阅读] CSS 媒体查询之 prefers-* 系列
CSS 的 prefers-* 系列媒体查询是 Media Queries Level 5 规范中引入的一组特性，用于检测用户的系统偏好设置，从而提供更个性化、更具可访问性的用户体验。这
功能介绍知识库提供了诸多实用功能，帮助你高效学习和分享。
统一存放各类资料，包括网页、PDF、图片等。
通过教学模式，让 AI 导师结合知识库内容带你一步步学习。
通过互动测验，检测自己的知识掌握情况。
将有用的信息记录下来，方便复习和与他人共享。