从盒模型到布局,再到动画与响应式。编号即阅读顺序。
共 40 篇,约 257 KB。
| # | 文档 | 要点 |
|---|---|---|
| 01 | CSS简介 | CSS 的全称是 层叠样式表。它是一种用于描述网页外观和格式的样式表语言。 |
| 02 | CSS 语法 | 注释不会被浏览器解析。 |
| 03 | CSS 创建 | 把 CSS 写在独立文件,如 style.css,再用 link 引入。 |
| 04 | CSS 发展史 | 1994 年:哈肯·维姆·莱(Håkon Wium Lie)提出了 CSS 的最初想法。他的目标… |
| 05 | CSS 浏览器支持 | — |
| 06 | CSS 选择器 | 选择所有某个标签的元素: |
| 07 | CSS !important 规则 | important 是 CSS 中用来 提高某条样式优先级 的规则。 |
| 08 | css颜色 | — |
| 09 | CSS 文本格式 | 设置文本的前景色。 |
| 10 | CSS 盒子模型 | CSS 盒子模型是 CSS 中最核心、最重要的概念之一。它描述了在网页布局中,每个元素都被表示为… |
| 11 | CSS 尺寸 | CSS 尺寸(Dimension)属性用于控制元素的宽度和高度。这些是布局中最基础也是最重要的属… |
| 12 | CSS 内边距 | 内边距是 CSS 盒子模型中位于内容区和边框之间的部分,用于在元素内部创建空间。 |
| 13 | CSS 外边距 | 外边距是 CSS 盒子模型中最外层的部分,用于控制元素与其他元素之间的空间距离。 |
| 14 | CSS 边框 | CSS 边框(Border)是盒子模型的重要组成部分,用于围绕元素的内容和内边距绘制线条。边框不… |
| 15 | CSS 轮廓 | CSS 轮廓(Outline)是一个经常被忽视但非常有用的属性。轮廓看起来像边框,但在行为和用途… |
| 16 | CSS 背景(background) | CSS 背景(Background)是用于定义元素背景样式的属性集合。通过它们,你可以设置颜色、… |
| 17 | CSS 溢出 | CSS 的 overflow 属性用于控制当元素内容超出其指定区域时的表现方式。 |
| 18 | CSS 文档流 | 文档流是指 HTML 元素在页面中默认的排列方式和布局规则。浏览器按照元素在 HTML 中出现的… |
| 19 | CSS 显示和可见性 | CSS 的 display 和 visibility 都是控制元素显示和隐藏的重要属性,但它们的… |
| 20 | CSS 浮动 | 最初用于文字环绕图片,但在早期网页布局中也用作布局工具。 |
| 21 | CSS 定位 | CSS position 用于控制元素在页面中的 位置定位方式。 |
| 22 | CSS 对齐方式 | Flexbox 提供了最强大的对齐控制: |
| 23 | CSS 网页布局 | 网页布局 = 控制 HTML 元素在页面中的排列方式 |
| 24 | CSS 多列布局(CSS Multi-column Layout) | CSS 多列布局允许文本内容像报纸一样在多列中流动,非常适合创建杂志式的布局 |
| 25 | CSS 透明度 | 透明度(opacity) 表示元素的 不透明程度,取值范围 0~1: |
| 26 | CSS 响应式设计(Responsive Design) | CSS 响应式设计(Responsive Design) 的目标是:一套代码,适配不同屏幕尺寸和… |
| 27 | CSS 媒体查询 | CSS 媒体查询是现代响应式网页设计的核心技术。它允许你根据设备的特性(如屏幕尺寸、分辨率、方向… |
| 28 | CSS 列表 | CSS 列表指的是使用 CSS 来样式化 HTML 中的列表元素,主要是 ul(无序列表)和 o… |
| 29 | CSS 表格 | CSS 表格指的是使用 CSS 来样式化 HTML 中的 table 元素及其相关子元素(tr,… |
| 30 | CSS 表单 | CSS 表单样式(Form Styling),包括常用表单元素、样式属性、伪类和实战技巧,让表单… |
| 31 | CSS 链接 | CSS 链接指的是使用 CSS 来样式化 HTML 中的 a(锚点)元素。链接有其特殊之处,因为… |
| 32 | CSS 用户界面 | CSS提供了丰富的用户界面属性,用于控制和美化表单元素、鼠标指针、选择文本等交互元素 |
| 33 | CSS 计数器 | CSS 计数器是一种 通过 CSS 对元素进行自动编号的机制。 |
| 34 | CSS 过渡 | CSS 过渡允许你在 CSS 属性值之间添加平滑的动画效果,而不是立即改变。当元素从一种状态变为… |
| 35 | CSS 动画 | CSS 动画允许元素在一段时间内从一个状态平滑地过渡到另一个或多个状态,不需要 JavaScri… |
| 36 | CSS 2D 转换 | 它允许您在不使用图像或脚本的情况下,对网页元素进行移动、旋转、缩放和倾斜。 |
| 37 | CSS 3D 转换 | CSS 3D 转换(3D Transform) 在二维平面的基础上增加了 Z 轴,让元素可以: |
| 38 | CSS 变量(CSS Custom Properties) | CSS 变量(也称为 CSS 自定义属性)允许你在样式表中定义可重用的值,并在整个文档中使用它们… |
| 39 | CSS 原生嵌套(CSS Nesting) | 当前支持状态(2024) |
| 40 | CSS 函数(CSS Functions) | CSS 函数(CSS Functions) 是在 CSS 属性值中使用的“内置方法”,用于计算、… |