多媒体 | |||||||||||||||||||||||||||||||||||||||||||||
background | 图片背景 | ||||||||||||||||||||||||||||||||||||||||||||
语法:color/image/repeat/attachment/position 例子:background: #ffffff url('tree.png') no-repeat right top; | |||||||||||||||||||||||||||||||||||||||||||||
background-color | 背景色 | ||||||||||||||||||||||||||||||||||||||||||||
background-image | 填充图像 | ||||||||||||||||||||||||||||||||||||||||||||
background-position | 图像位置的操作方法 | ||||||||||||||||||||||||||||||||||||||||||||
background-clip | 绘制图像 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
background-origin | 放置图片 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
background-size | 图像尺寸 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
background-blend-mode | 图像的混合模式(设置每个背景图层(颜色/图像)的混合模式) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
backface-visibility | 图像背面可见否(设置图像的背面的显示或隐藏方法) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
background-repeat | 重复图像的方法(设置水平或垂直方向都重复图片) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
image-rendering | 图片高质量缩放 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
object-fit | 视频/图片(长宽比) | ||||||||||||||||||||||||||||||||||||||||||||
详情:规定替换元素的内容应如何适合其所用高度和宽度建立的框。(适合img/video标签)
| |||||||||||||||||||||||||||||||||||||||||||||
object-position | 指定替换元素在其框内的对齐方式 | ||||||||||||||||||||||||||||||||||||||||||||
详情:object-position 属性与 object-fit 一起使用,可规定应如何在其“自己的内容框”内使用 x/y 坐标定位 img 或 video | |||||||||||||||||||||||||||||||||||||||||||||
文本 | |||||||||||||||||||||||||||||||||||||||||||||
text-align | 文本对齐 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
direction | 文本方向 | ||||||||||||||||||||||||||||||||||||||||||||
vertical-align | 垂直对齐 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
text-decoration | 装饰(设置文本装饰的样式) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
text-decoration-color | 文本装饰颜色 | ||||||||||||||||||||||||||||||||||||||||||||
text-decoration-line | 文本装饰类型 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
text-decoration-style | 文本装饰中的行样式 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
text-transform | 字母转换 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
text-indent | 文本缩进(用于指定文本第一行的缩进) | ||||||||||||||||||||||||||||||||||||||||||||
letter-spacing | 文本间距(用于指定文本中字符之间的间距) | ||||||||||||||||||||||||||||||||||||||||||||
line-height | 文本行高(用于指定行之间的间距) | ||||||||||||||||||||||||||||||||||||||||||||
text-shadow | 文本阴影 | ||||||||||||||||||||||||||||||||||||||||||||
语法:text-shadow: h-shadow v-shadow blur color;
| |||||||||||||||||||||||||||||||||||||||||||||
text-overflow | 文本溢出 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
text-justify | 文本对齐方式(IE有效) | ||||||||||||||||||||||||||||||||||||||||||||
word-wrap | 文本换行 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
word-break | 文本折行 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
word-spacing | 文字间距 | ||||||||||||||||||||||||||||||||||||||||||||
white-space | 空白处理 | ||||||||||||||||||||||||||||||||||||||||||||
详情:属性指定元素内部空白的处理方式(如:禁用元素内的文本换行)
| |||||||||||||||||||||||||||||||||||||||||||||
writing-mode | 布局方式(规定文本行是水平还是垂直布局) | ||||||||||||||||||||||||||||||||||||||||||||
user-select | 选取模式 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
unicode-bidi | 设置或返回文本是否被重写 | ||||||||||||||||||||||||||||||||||||||||||||
list-style | 列表样式(列表添加图像) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
list-style-type | 属性指定列表项标记的类型 | ||||||||||||||||||||||||||||||||||||||||||||
list-style-image | 指定图像为列表项标记 | ||||||||||||||||||||||||||||||||||||||||||||
list-style-position | 调整项目符号位置 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
字体 | |||||||||||||||||||||||||||||||||||||||||||||
font | font简写属性 | ||||||||||||||||||||||||||||||||||||||||||||
font-family | 字体类型 | ||||||||||||||||||||||||||||||||||||||||||||
详情:属性应包含多个字体名称作为“后备”系统,以确保浏览器/操作系统之间的最大兼容性 例子:font-family: 'Times New Roman', Times, serif; | |||||||||||||||||||||||||||||||||||||||||||||
font-face | 字体引入 | ||||||||||||||||||||||||||||||||||||||||||||
例子: @font-face { font-family: myFirstFont; src: url(sansation_light.woff); } | |||||||||||||||||||||||||||||||||||||||||||||
font-weight | 字体加粗 | ||||||||||||||||||||||||||||||||||||||||||||
边框 | |||||||||||||||||||||||||||||||||||||||||||||
border | 外边框 | ||||||||||||||||||||||||||||||||||||||||||||
border-style | 边框样式 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
border-width | 边框的宽度 | ||||||||||||||||||||||||||||||||||||||||||||
boder-collapse | 表格合并为单一边框 | ||||||||||||||||||||||||||||||||||||||||||||
border-image | 边框图片(图片载入设置为边框样式) | ||||||||||||||||||||||||||||||||||||||||||||
border-image-outset | 边框图像区域超出边框的量 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
border-image-repeat | 边框图像设置重复/圆角/拉伸 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
border-image-slice | 裁剪边框图像 | ||||||||||||||||||||||||||||||||||||||||||||
border-image-source | 边框图像地址(载入图片文件的地址,显示为边框样式) | ||||||||||||||||||||||||||||||||||||||||||||
border-image-width | 边框图像的宽度 | ||||||||||||||||||||||||||||||||||||||||||||
border-spacing | 表格单元格边框之间的距离 | ||||||||||||||||||||||||||||||||||||||||||||
border-color | 边框的颜色 | ||||||||||||||||||||||||||||||||||||||||||||
border-radius | 圆角边框 | ||||||||||||||||||||||||||||||||||||||||||||
outline | 外边框 | ||||||||||||||||||||||||||||||||||||||||||||
outline-style | 外边框样式 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
outline-color | 外边框颜色 | ||||||||||||||||||||||||||||||||||||||||||||
outline-width | 外边框宽度 | ||||||||||||||||||||||||||||||||||||||||||||
outline-offset | 边框之间的距离 | ||||||||||||||||||||||||||||||||||||||||||||
详情:属性在元素的轮廓与边框之间添加空间。元素及其轮廓之间的空间是透明的 | |||||||||||||||||||||||||||||||||||||||||||||
排版 | |||||||||||||||||||||||||||||||||||||||||||||
flex | 弹性盒排版 | ||||||||||||||||||||||||||||||||||||||||||||
详情:flex 简写属性(flex-grow、flex-shrink 以及 flex-basis 属性的简写属性) 语法:flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> | |||||||||||||||||||||||||||||||||||||||||||||
grid | 格子盒排版 | ||||||||||||||||||||||||||||||||||||||||||||
语法:template-rows/template-columns/template-areas/auto-rows/auto-columns/auto-flow | |||||||||||||||||||||||||||||||||||||||||||||
box-sizing | 固定盒子 | ||||||||||||||||||||||||||||||||||||||||||||
详情:(元素的宽度和高度的计算方式:它们是否应包含内边距和边框) | |||||||||||||||||||||||||||||||||||||||||||||
width | 宽度 | ||||||||||||||||||||||||||||||||||||||||||||
height | 高度 | ||||||||||||||||||||||||||||||||||||||||||||
min-width | 最小宽度 | ||||||||||||||||||||||||||||||||||||||||||||
min-height | 最小高度 | ||||||||||||||||||||||||||||||||||||||||||||
display | 布局方式 | ||||||||||||||||||||||||||||||||||||||||||||
详情:用于控制布局的最重要的 CSS 属性
| |||||||||||||||||||||||||||||||||||||||||||||
flex-grow | 弹性项目的几倍放大 | ||||||||||||||||||||||||||||||||||||||||||||
详情:定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大 | |||||||||||||||||||||||||||||||||||||||||||||
flex-shrink | 弹性项目的几倍缩小 | ||||||||||||||||||||||||||||||||||||||||||||
详情: 项目的缩小比例,默认为1,即如果空间不足,该项目将缩小 | |||||||||||||||||||||||||||||||||||||||||||||
flex-basis | flex项目的初始长度 | ||||||||||||||||||||||||||||||||||||||||||||
详情:flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。 语法:flex-basis: <length> | auto; /* default auto */ 注释:它可以设为跟width或height属性一样的值(比如350px),则项目将占据固定空间。 | |||||||||||||||||||||||||||||||||||||||||||||
flex-flow | flex-direction 和 flex-wrap 的简写属性 | ||||||||||||||||||||||||||||||||||||||||||||
flex-direction | 弹性项目的方向 | ||||||||||||||||||||||||||||||||||||||||||||
flex-wrap | 规定弹性项目是否应该换行 | ||||||||||||||||||||||||||||||||||||||||||||
justify-content | 【水平对齐】项目在主轴上的对齐方式 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
align-items | 【垂直对齐】项目在交叉轴上如何对齐 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
align-content | 多根轴线的对齐方式。 | ||||||||||||||||||||||||||||||||||||||||||||
详情:如果项目只有一根轴线,该属性不起作用,仅对齐flex线, flex-wrap使用后的进一步修改 | |||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
order | 弹性项目的排列顺序,数值越小,排列越靠前,默认为0 | ||||||||||||||||||||||||||||||||||||||||||||
align-self | 用于弹性项目(单独调整位置) | ||||||||||||||||||||||||||||||||||||||||||||
grid-template-rows | 行尺寸 | ||||||||||||||||||||||||||||||||||||||||||||
grid-template-columns | 列尺寸 | ||||||||||||||||||||||||||||||||||||||||||||
grid-template-areas | 网格布局排版方式 | ||||||||||||||||||||||||||||||||||||||||||||
grid-auto-rows | 行的自动尺寸,并设置 grid-template-rows 属性 | ||||||||||||||||||||||||||||||||||||||||||||
grid-auto-columns | 列的自动尺寸,并设置 grid-template-coumns 属性 | ||||||||||||||||||||||||||||||||||||||||||||
grid-gap | 行列之间的间距 | ||||||||||||||||||||||||||||||||||||||||||||
grid-row-gap | 行间距 | ||||||||||||||||||||||||||||||||||||||||||||
grid-column-gap | 列间距 | ||||||||||||||||||||||||||||||||||||||||||||
边距 | |||||||||||||||||||||||||||||||||||||||||||||
margin | 外边距 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
padding | 内边距 | ||||||||||||||||||||||||||||||||||||||||||||
样式 | |||||||||||||||||||||||||||||||||||||||||||||
box-decoration-break | 元素分段 | ||||||||||||||||||||||||||||||||||||||||||||
详情:属性规定当元素框被分段时,如何应用元素
| |||||||||||||||||||||||||||||||||||||||||||||
box-shadow | 元素添加阴影样式 | ||||||||||||||||||||||||||||||||||||||||||||
语法:box-shadow: h-shadow v-shadow blur spread color inset;
| |||||||||||||||||||||||||||||||||||||||||||||
box-reflect | 元素添加倒影样式 | ||||||||||||||||||||||||||||||||||||||||||||
语法:box-reflect/offset/mask-box-image
| |||||||||||||||||||||||||||||||||||||||||||||
caret-color | 光标颜色 | ||||||||||||||||||||||||||||||||||||||||||||
详情:规定光标在 input、textarea 或任何可编辑元素中的颜色 | |||||||||||||||||||||||||||||||||||||||||||||
clip | 剪裁元素 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
clip-path | 裁剪形状 | ||||||||||||||||||||||||||||||||||||||||||||
详情:将元素裁剪为基本形状或 SVG 源(clip-path 将替代废弃的 clip 属性。) | |||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
filter | 图像效果,元素显示之前的效果(例如,模糊或颜色偏移)。 | ||||||||||||||||||||||||||||||||||||||||||||
语法:filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
| |||||||||||||||||||||||||||||||||||||||||||||
counter-increment | 编号码 | ||||||||||||||||||||||||||||||||||||||||||||
详情:属性设置某个选取器每次出现的计数器增量。默认增量是 1(对部分和子部分进行编号(比如 'Section 1'、'1.1'、'1.2')的方法属性:counter-reset 配合使用)
| |||||||||||||||||||||||||||||||||||||||||||||
quotes | 编号标记 | ||||||||||||||||||||||||||||||||||||||||||||
详情:属性设置嵌套引用(embedded quotation)的引号类型。(注释:配合q标签短引用) 语法:string string string string 要使用的引号 例子: css:quotes: '#' '?' ’《‘ '》' html:<p><q>This is a <q>big</q> page</q></p> 运行:#This is a 《big》page? | |||||||||||||||||||||||||||||||||||||||||||||
cursor | 光标样式,规定当指向元素时要显示的鼠标光标 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
opacity | 不透明度设置 | ||||||||||||||||||||||||||||||||||||||||||||
overflow | 内容溢出设置 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
overflow-x | 内容溢出左右边缘设置 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
visibility | 规定元素是否可见 | ||||||||||||||||||||||||||||||||||||||||||||
详情:不可见的元素也会占据页面上的空间
| |||||||||||||||||||||||||||||||||||||||||||||
动画 | |||||||||||||||||||||||||||||||||||||||||||||
animation | 动画简写 | ||||||||||||||||||||||||||||||||||||||||||||
语法:name/duration/timing-function/delay/iteration-count/direction 例子:animation:mymove 5s infinite | |||||||||||||||||||||||||||||||||||||||||||||
animation-direction | 动画模式(向前播放、向后播放还是交替播放) | ||||||||||||||||||||||||||||||||||||||||||||
animation-fill-mode | 动画样式(不播放动画时(在开始之前、结束之后、或同时)的样式) | ||||||||||||||||||||||||||||||||||||||||||||
animation-iteration-count | 动画播放次数 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
animation-name | @keyframes 名称 | ||||||||||||||||||||||||||||||||||||||||||||
animation-play-state | 动画播放还是暂停 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
animation-timing-function | 动画速度曲线 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
@keyframes | 规定动画代码 | ||||||||||||||||||||||||||||||||||||||||||||
特效 | |||||||||||||||||||||||||||||||||||||||||||||
transform | 元素转换简写(transform 向元素应用 2D 或 3D 转换) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
transform-origin | 转换元素的位置 | ||||||||||||||||||||||||||||||||||||||||||||
语法:transform-origin: x-axis y-axis z-axis | |||||||||||||||||||||||||||||||||||||||||||||
transform-style | 3D元素渲染(如何在 3D 空间中渲染嵌套的元素) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
transition-delay | 延时开始 | ||||||||||||||||||||||||||||||||||||||||||||
transition-duration | 过渡完成所需要的时间 | ||||||||||||||||||||||||||||||||||||||||||||
transition-property | 过渡效果对应的 CSS 属性的名称 | ||||||||||||||||||||||||||||||||||||||||||||
transition-timing-function | 过渡效果的速度曲线 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
perspective-origin | 定义3D元素所基于的X轴和Y 轴 | ||||||||||||||||||||||||||||||||||||||||||||
语法:perspective-origin:x-axis y-axis; | |||||||||||||||||||||||||||||||||||||||||||||
transition | 元素过渡简写 | ||||||||||||||||||||||||||||||||||||||||||||
语法:property/duration/timing-function/delay | |||||||||||||||||||||||||||||||||||||||||||||
其它 | |||||||||||||||||||||||||||||||||||||||||||||
inset | 定位元素位移的简写(IE不支持),属性用作定位元素的 top、right、bottom、left | ||||||||||||||||||||||||||||||||||||||||||||
column-rule | column-rule 所有 column-rule-* 属性的简写属性。 | ||||||||||||||||||||||||||||||||||||||||||||
语法:column-rule: column-rule-width column-rule-style column-rule-color; | |||||||||||||||||||||||||||||||||||||||||||||
columns | 列宽和列数的简写属性 | ||||||||||||||||||||||||||||||||||||||||||||
语法:columns column-width 和 column-count 的简写属性。
| |||||||||||||||||||||||||||||||||||||||||||||
initial | 默认值 | ||||||||||||||||||||||||||||||||||||||||||||
inherit | 继承 | ||||||||||||||||||||||||||||||||||||||||||||
position | 规定用于元素的定位方法的类型(静态、相对、绝对或固定) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
z-index | z-index 设置定位元素的堆叠顺序 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
all | 对属性的操作 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
caption-side | 表格标题放置 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
@charset | @charset 规定样式表中使用的字符编码。 | ||||||||||||||||||||||||||||||||||||||||||||
float | 元素浮动方式(规定是否应该对盒(box)进行浮动) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
column-count | 列数 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
column-fill | 指定如何填充列 | ||||||||||||||||||||||||||||||||||||||||||||
column-rule-style | column-rule样式 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
column-rule-width | 规定列之间的规则宽度 | ||||||||||||||||||||||||||||||||||||||||||||
content | 伪元素添加的属性 | ||||||||||||||||||||||||||||||||||||||||||||
详情:content 与 :before 和 :after 伪元素一起使用,来插入生成的内容。 | |||||||||||||||||||||||||||||||||||||||||||||
@import | 导入另一张样式表 | ||||||||||||||||||||||||||||||||||||||||||||
@media | 关于媒体的样式设置 | ||||||||||||||||||||||||||||||||||||||||||||
详情:@media 为不同的媒体类型、设备、尺寸设置样式规则。 | |||||||||||||||||||||||||||||||||||||||||||||
pointer-events | 指针的反应(元素是否对指针事件做出反应) | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
resize | 调整元素 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
tab-size | 规定制表符的宽度 | ||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
table-layout | 用于对单元格、行和列进行布局的算法 | ||||||||||||||||||||||||||||||||||||||||||||
|
常用函数 | |
attr | 返回所选元素的属性值 例子:content:'(' attr(href) ')' |
calc | 执行计算属性值 例子:width: calc(100% - 100px); |
cubic-bezier | 三次贝塞尔曲线 语法:cubic-bezier(x1,y1,x2,y2) x1,y1,x2,y2 必需。数值。x1 和 x2 必须是 0 到 1 之间的数字 |
hsl | 使用色相-饱和度-亮度模型(HSL)颜色 |
hsla | 使用色相-饱和度-亮度-阿尔法模型(HSLA)颜色。 |
linear-gradient | 线性渐变,将线性渐变设置为背景图像。至少两种颜色(从上到下) 语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...) 例子: 1.linear-gradient(to right, red , blue); 2.linear-gradient(180deg, red, blue); |
radial-gradient | 径向渐变,将径向渐变设置为背景图像。至少两种颜色(从中心到边缘)。 语法:background-image: radial-gradient(shape size at position, start-color, ...,last-color) 例子:background-image: radial-gradient(red 5%, green 15%, blue 60%); |
repeating-linear-gradient | 重复线性渐变 background-image: repeating-linear-gradient(angle | to side-or-corner, color-stop1,color-stop2, ...); 例子:repeating-linear-gradient(45deg, red, blue 7%, green 10%); |
repeating-radial-gradient | 重复径向渐变 语法:background-image: repeating-radial-gradient(shape size at position, start-color, ...,last-color) |
rgb | 使用红-绿-蓝模型(RGB)颜色。 |
rgba | 使用红-绿-蓝-阿尔法模型(RGB)颜色。 |
var | 插入自属性的值 语法:var(custom-property-name, value) |