CSS
关于
CSS(层叠样式表)是一种用于描述网页外观和布局的规则语言,通过选择器选中HTML元素并为其设置样式,如颜色、字体、尺寸等。它支持丰富的文本样式控制、盒模型布局以及动画和变换效果,还能利用滤镜实现图像处理般的视觉效果。通过优先级、继承和层叠机制,CSS能够灵活地管理多个样式规则之间的关系,配合开发工具可以高效调试和组织复杂的样式系统。
统计
资料预览展示该知识库中前 5 条资料
属性选择器 - 学习 Web 开发 | MDN
从 HTML 的学习中,你已经知道,元素可以带有属性,它提供了关于如何标记的更详细信息。CSS 中,你能用属性选择器来选中带有特定属性的元素。本节课中,我们将会为你展示如何使用这些很有用的选择器。
CSS 选择器 - 学习 Web 开发 | MDN
CSS中,选择器用来指定网页上我们想要样式化的HTML元素。有 CSS 选择器提供了很多种方法,所以在选择要样式化的元素时,我们可以做到很精细的地步。本文和本文的子篇中,我们将会详细地讲授选择器的不同使用方式,并了解它们的工作原理。
什么是 CSS? - 学习 Web 开发 | MDN
CSS(层叠样式表)可以让你创建外观精美的网页,但它在底层是如何工作的呢?本文将解释 CSS 是什么、基本语法是什么样的,以及浏览器如何将 CSS 应用于 HTML 来实现样式。
CSS 构建 - 学习 Web 开发 | MDN
这个模块承接学习 CSS 第一步——即你对 (CSS) 语言和其语法已经足够熟悉、并且有了一些基本的使用经验,该是稍微深入点学习的时候了。这个模块着眼于级联和继承,所有可供使用的选择器类型,单位,尺寸,背景、边框样式,调试,等等等等。
样式化表格 - 学习 Web 开发 | MDN
为 HTML 表格设计样式并不是世界上最光彩的工作,但有时我们不得不这么做。本文将介绍如何让 HTML 表格看起来更美观,并重点介绍一些具体的表格样式设计技巧。
笔记预览展示该知识库中前 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 导师结合知识库内容带你一步步学习。
通过互动测验,检测自己的知识掌握情况。
将有用的信息记录下来,方便复习和与他人共享。