CSS linear-gradient() 函数实例这个线性渐变从顶部开始。它从红色开始，过渡到黄色，然后过渡到蓝色：#grad { background-image: linear-gradient(red, yellow, blue);} 完整实
CSS hsla() 函数实例定义带不透明度的不同的 HSL 颜色：#p1 {background-color:hsla(120,100%,50%,0.3);} /* 绿色 */#p2 {background-color:hsla(120,100%,75%,0.3);} /* 浅
CSS hsl() 函数实例定义不同的 HSL 颜色：#p1 {background-color:hsl(120,100%,50%);} /* 绿色 */#p2 {background-color:hsl(120,100%,75%);} /* 浅绿色 */#p3 {background-c
CSS cubic-bezier() 函数实例从开始到结束变速的过渡效果：div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function:
CSS counter() 函数定义和用法counter() 函数以字符串形式返回指定计数器的当前值。 版本： CSS3 另请参阅：CSS 参考手册：content 属性CSS 参考手册：counter-increment
CSS conic-gradient() 函数定义和用法conic-gradient() 函数将圆锥渐变设置为背景图像。圆锥渐变是颜色过渡围绕中心点旋转的渐变。如需创建圆锥渐变，您必须至少定义两个色标
CSS calc() 函数实例使用 calc() 计算 <div> 元素的宽度：#div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-
CSS attr() 函数实例下面的例子在每个链接后的括号中插入 href 属性的值：a:after { content: " (" attr(href) ")";} 完整实例【亲自试一试】：<!DOCTYPE html><html><head><s
CSS inherit 关键字实例将 <span> 元素的文本颜色设置为蓝色，除了在那些带有 class="extra" 的元素内部：span { color: blue;}.extra span { color: inherit;} 完整实例【亲
CSS initial 关键字实例将 <div> 元素的文本颜色设置为红色，但保留 <h1> 元素的初始颜色：div { color: red;}h1 { color: initial;} 完整实例【亲自试一试】：<!DOCTYPE html>
Style animation 属性定义和用法animation 属性是六个动画属性的简写属性： animationName animationDuration animationTimingFunction animationDelay animationIterationCo
CSS justify-self 属性定义和用法justify-self 属性在其网格单元格内沿行内方向对齐网格项。对于英文页面，行内方向是从左到右，块方向是向下。如需使此属性具有任何对齐效果，网
CSS justify-items 属性定义和用法justify-items 属性在网格容器上进行设置，使子元素（网格项）在行内方向对齐。对于英文页面，行内方向是从左到右，块方向是向下。如需使此属性具有
CSS 列表CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。CSS 列表从某种意义上讲，不是描述性的文本的任何内容都可以认为是列表。人口普查、太阳系、家谱
CSS 字体CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。CSS 字体系列在 CSS 中，有两种不同类型的字体系列名称： 通用字体系列 - 拥有相似外
