CSS 语法 CSS 选择器 CSS 使用 CSS 注释 CSS 颜色 CSS 背景 CSS 边框 CSS 外边距 CSS 内边距 CSS 高度/宽度 CSS 盒模型 CSS 轮廓 CSS 文本 CSS 字体 CSS 图标 CSS 链接 CSS 列表 CSS 表格 CSS 显示 CSS 定位 CSS 溢出 CSS 浮...

CSS align-self 属性 定义和用法 实例 CSS 语法 属性值 技术细节 浏览器支持 CSS align-self 属性 定义和用法 align-self 属性指定弹性容器内所选项目的对齐方式。 注意 ：align-self 属性将覆盖弹性容器的 align-items 属性。 另请参阅 ： CSS 教程：CSS G...

CSS 在媒体查询中使用变量 在媒体查询中使用变量 实例 实例 浏览器支持 CSS var() 函数 CSS 在媒体查询中使用变量 在媒体查询中使用变量 现在，我们希望在媒体查询中修改变量值。 提示 ：媒体查询旨在为不同的设备（显示器、平板电脑、手机等）定义不同的样式规则。您可以在“媒体查询”一章中学习更多有关媒体查询的知识。 在这...

CSS 变量 CSS 变量 传统方式 实例 var() 函数的语法 var() 如何工作 实例 实例 浏览器支持 CSS var() 函数 CSS 变量 CSS 变量 var() 函数用于插入 CSS 变量的值。 CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量...

CSS 边框图像 CSS 边框图像 CSS border-image 属性 实例 实例 CSS border-image - 不同的裁切值 实例 CSS 边框图像属性 CSS 边框图像 CSS 边框图像 通过使用 CSS border-image 属性，可以设置图像用作围绕元素的边框。 CSS border-image 属性...

CSS 使用 JavaScript 更改变量 使用 JavaScript 更改变量 实例 浏览器支持 CSS var() 函数 CSS 使用 JavaScript 更改变量 使用 JavaScript 更改变量 CSS 变量可以访问 DOM，这意味着您可以通过 JavaScript 更改它们。 这个例子说明了如何创建脚本来显示并更改上一...

CSS 覆盖变量 用局部变量覆盖全局变量 实例 实例 添加一个新的局部变量 实例 浏览器支持 CSS var() 函数 CSS 覆盖变量 用局部变量覆盖全局变量 从上一页我们了解到，可以在整个文档中访问/使用全局变量，而局部变量只能在声明它的选择器内使用。 请看上一页中的例子： 实例 : root { -- bl...

CSS 动画 CSS 动画 对动画的浏览器支持 什么是 CSS 动画？ @keyframes 规则 实例 实例 实例 延迟动画 实例 实例 设置动画应运行多少次 实例 实例 反向或交替运行动画 实例 实例 实例 指定动画的速度曲线 实例 指定动画的填充模式 实例 实例 实例 动画简写属性 实例 实例 CSS...

CSS Flexbox CSS Flexbox 布局模块 浏览器支持 Flexbox 元素 实例 父元素（容器） flex-direction 属性 实例 实例 实例 实例 flex-wrap 属性 实例 实例 实例 flex-flow 属性 实例 justify-content 属性 实例 实例 实例 实例 实例 ...

CSS 背景 CSS background-color 实例 其他元素 实例 不透明度 / 透明度 实例 使用 RGBA 的透明度 实例 CSS 背景 CSS 背景属性用于定义元素的背景效果。 在这些章节中，您将学习如下 CSS 背景属性： background-color background-image backgro...