CSS参考手册
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
框对齐 | Box Alignment | ||
---|---|---|
对齐项目 | justify-items | 详细 | |
证明自我 | justify-self | 详细 | |
地方内容 | place-content | 详细 | |
地方项目 | place-items | 详细 | |
地方自我 | place-self | 详细 |
级联和继承 | Cascading & Inheritance | ||
---|---|---|
所有 | all | 详细 | |
初始值 | initial | 详细 | |
还原 | revert | 详细 | |
未设置 | unset | 详细 |
颜色 | Color | ||
---|---|---|
颜色 | |
详细 | |
颜色 | color | 详细 | |
CSS颜色 | CSS Colors | 详细 | |
不透明度 | opacity | 详细 |
合成与混合 | Compositing & Blending | ||
---|---|---|
背景混合模式 | background-blend-mode | 详细 | |
混合模式 | blend-mode | 详细 | |
隔离 | isolation | 详细 | |
混合模式 | mix-blend-mode | 详细 |
条件和规则 | Conditional Rules | ||
---|---|---|
支持 | @supports | 详细 | |
规则 | At-rule | 详细 | |
条件规则 | CSS Conditional Rules | 详细 |
滤镜效果 | Filter Effects | ||
---|---|---|
背景过滤器 | backdrop-filter | 详细 | |
过滤器 | filter | 详细 | |
滤镜效果 | Filter Effects | 详细 |
片段模块 | Fragmentation | ||
---|---|---|
盒装饰中断 | box-decoration-break | 详细 | |
分割容器后面栏或页面 | break-after | 详细 | |
分割容器前面栏或页面 | break-before | 详细 | |
容器中途分割 | break-inside | 详细 | |
CSS片段模块 | CSS Fragmentation | 详细 | |
orphans | 详细 | |
widows | 详细 |
全屏 API | Fullscreen API | ||
---|---|---|
背景 | ::backdrop | 详细 | |
全屏 | :fullscreen | 详细 |
生成内容 | Generated Content | ||
---|---|---|
内容 | content | 详细 |
初始线格局 | Inline Layout | ||
---|---|---|
首字 | initial-letter | 详细 | |
初始字母对齐 | initial-letter-align | 详细 |
Miscellaneous Level 1 | ||
---|---|---|
盒子模型 | box model | 详细 | |
clear | 详细 | |
CSS盒子模型介绍 | CSS Box Model: Introduction to the CSS box model | 详细 | |
文本缩进 | text-indent | 详细 | |
文本转换 | text-transform | 详细 | |
字间距 | word-spacing | 详细 |
运动路径 | Motion Path | ||
---|---|---|
抵消 | offset | 详细 | |
相抵距离 | offset-distance | 详细 | |
相抵路径 | offset-path | 详细 | |
偏移旋转 | offset-rotate | 详细 |
命名空间 | Namespaces | ||
---|---|---|
命名空间 | @namespace | 详细 | |
CSS命名空间 | CSS Namespaces | 详细 |
项目模型 | Object Model View | ||
---|---|---|
CSSOM总览 | CSSOM View | 详细 | |
滚动行为 | scroll-behavior | 详细 |
网页媒体 | Paged Media | ||
---|---|---|
:first | 详细 | |
:left | 详细 | |
:right | 详细 | |
@page | 详细 | |
@page.bleed | 详细 | |
@page.marks | 详细 | |
@page.size | 详细 | |
CSS Pages | 详细 | |
page-break-after | 详细 | |
page-break-before | 详细 | |
page-break-inside | 详细 |
定位布局 | Positioned Layout | ||
---|---|---|
CSS定位 | CSS Positioning | 详细 | |
定位 | position | 详细 |
节奏大小 | Rhythmic Sizing | ||
---|---|---|
line-height-step | 详细 |
Ruby布局 | Ruby Layout | ||
---|---|---|
CSS Ruby | 详细 | |
ruby-position | 详细 |
可缩放矢量图形 | Scalable Vector Graphics | ||
---|---|---|
clip-path | 详细 | |
CSS滤镜 | CSS Masks | 详细 | |
字母间距 | letter-spacing | 详细 | |
滤镜 | mask | 详细 | |
指针事件 | pointer-events | 详细 | |
文本渲染 | text-rendering | 详细 |
滚动快照 | Scroll Snap | ||
---|---|---|
CSS滚动界限点 | CSS Scroll Snap Points | 详细 | |
滚动界限坐标 | scroll-snap-coordinate | 详细 | |
滚动界限终点 | scroll-snap-destination | 详细 | |
滚动界限种类 | scroll-snap-type | 详细 |
形状 | Shapes | ||
---|---|---|
基本形状 | |
详细 | |
CSS形状 | CSS Shapes | 详细 | |
形状盒 | shape-box | 详细 | |
形状图像阈值 | shape-image-threshold | 详细 | |
形状余量 | shape-margin | 详细 | |
形状外部 | shape-outside | 详细 |
值和单位 | Values & Units | ||
---|---|---|
角度 | |
详细 | |
频率 | |
详细 | |
整型 | |
详细 | |
长度 | |
详细 | |
数字 | |
详细 | |
百分比 | |
详细 | |
字符串 | |
详细 | |
时间 | | 详细 | |
|
详细 | |
attr() | 详细 | |
calc() | 详细 | |
inherit | 详细 | |
url | 详细 | |
值定义语法 | Value definition syntax | 详细 |
变量 | Variables | ||
---|---|---|
--* | 详细 | |
var() | 详细 |
写入模型 | Writing Modes | ||
---|---|---|
CSS写入模型 | CSS Writing Modes | 详细 | |
方向 | direction | 详细 | |
文本竖排组合 | text-combine-upright | 详细 | |
文字方向 | text-orientation | 详细 | |
unicode-bidi | 详细 | |
写入模型 | writing-mode | 详细 |
CSS 教程 |
---|
CSS 创建 |
---|
CSS Id 和 Class选择器 |
---|
CSS 简介 |
---|
CSS 盒子模型 |
---|
CSS Table(表格) |
---|
CSS 列表样式(ul) |
---|
CSS 链接(link) |
---|
CSS Fonts(字体) |
---|
CSS Text(文本) |
---|
CSS Backgrounds(背景) |
---|
CSS Display(显示) 与 Visibility(可见性) |
---|
CSS 尺寸 (Dimension) |
---|
CSS 分组和嵌套 |
---|
CSS 轮廓(outline)属性 |
---|
CSS Border(边框) |
---|
CSS 图像透明/不透明 |
---|
CSS 导航栏 |
---|
CSS 伪元素 |
---|
CSS 伪类 |
---|
CSS Float(浮动) |
---|
CSS Position(定位) |
---|
CSS 总结 |
---|
CSS 属性选择器 |
---|
CSS 媒体类型 |
---|
CSS 图像拼合技术 |
---|
CSS 实例 |
---|
CSS 组合选择符 |
---|
响应式 Web 设计 – 框架 |
---|
响应式 Web 设计 – 视频(Video) |
---|
CSS 提示工具(Tooltip) |
---|
CSS 布局 Overflow |
---|
CSS 计数器 |
---|
CSS 表单 |
---|