CSS initial 关键字
CSS initial 关键字 CSS 参考手册 实例 设置 <div> 元素内的文本颜色为红色，但是为 <h1> 元素保持最初的颜色： [mycode3 type='css'] div {color: red; } h1 {color: initial; } [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该关键字的第一..
CSS inherit 关键字
CSS inherit 关键字 CSS 参考手册 实例 设置 <span> 元素的文本颜色为蓝色，那些 class='extra' 的元素除外： [mycode3 type='css'] span { color: blue; } .extra span { color: inherit; } [/mycode3] 尝试一下 » 浏..
CSS minmax() 函数
CSS minmax() 函数 CSS 函数 实例 设置元素的长宽范围： [mycode3 type='css'] #container { display: grid; grid-template-columns: minmax(max-content, 300px) minmax(200px, 1fr) 150px; grid-gap: 5px; box-sizing..
CSS repeat() 函数
CSS repeat() 函数 CSS 函数 实例 重复轨道列表的片段： [mycode3 type='css'] #container { display: grid; grid-template-columns: repeat(2, 50px 1fr) 100px; grid-gap: 5px; box-sizing: border-box; height: 200p..
CSS var() 函数
CSS var() 函数 CSS 函数 实例 定义一个名为 '--main-bg-color' 的属性，然后使用 var() 函数调用该属性： [mycode3 type='css'] :root { --main-bg-color: coral; } #div1 { background-color: var(--main-bg-color); } #div2 { back..
CSS rgb() 函数
CSS rgb() 函数 CSS 函数 实例 使用 RGB 颜色： [mycode3 type='css'] #p1 {background-color:rgb(255,0,0);} /* 红 */ #p2 {background-color:rgb(0,255,0);} /* 绿 */ #p3 {background-color:rgb(0,0,255);} /* 蓝 */ [/mycode3] 尝试一下 ..
CSS rgba() 函数
CSS rgba() 函数 CSS 函数 实例 使用 RGBA 颜色，并使用透明度： [mycode3 type='css'] #p1 {background-color:rgba(255,0,0,0.3);} /* 红 */ #p2 {background-color:rgba(0,255,0,0.3);} /* 绿 */ #p3 {background-color:rgba(0,0,255,0.3);} /..
CSS repeating-linear-gradient() 函数
CSS repeating-linear-gradient() 函数 CSS 函数 实例 重复的线性渐变: [mycode3 type='css'] #grad { background-image: repeating-linear-gradient(red, yellow 10%, green 20%); } [/mycode3] 尝试一下 » 定义与用法 repeating-linear..
CSS repeating-radial-gradient() 函数
CSS repeating-radial-gradient() 函数 CSS 函数 实例 重复的径向渐变: [mycode3 type='css'] #grad { background-image: repeating-radial-gradient(red, yellow 10%, green 15%); } [/mycode3] 尝试一下 » 定义与用法 repeating-radial..
CSS repeating-conic-gradient() 函数
CSS repeating-conic-gradient() 函数 CSS 函数 实例 创建一个重复的圆锥渐变： [mycode3 type='css'] #grad { background-image: repeating-conic-gradient(red 10%, yellow 20%); } [/mycode3] 尝试一下 » 定义与用法 repeating-conic-gradien..
