标签：CSS

第68页

CSS：线性渐变——背景渐变、文字渐变、边框渐变、鼠标移入背景色向上切换、浏览器内核、渐变色彩搭配

好的颜色搭配加渐变其实是非常网站加分的，你还在用纯色背景吗？快来感受一下渐变的带来的快乐吧~ 现在就让我们先来熟悉一下语法吧！线性渐变：为了创建一个线性渐变，你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以...

flex-direction属性决定主轴的方向（即项目的排列方向）。 flex-direction: row | row-reverse | column | column-reverse; row（默认值）：主轴为水平方向，起点在左端。 ...

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" conten...

需求背景根据需要，需要对span的宽度进行设置，但是自己给span设置了宽度之后并没有什么用手动设置宽度之后没有起作用原因： CSS中的width属性并不总是有效的，如果对象是inline对象，width属性就会被忽略。解决将sp...

定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。值；描...

1、line-heigth 和heigth 相等单行内容垂直居中 2、padding-top和padding-bottom 相等容器高度可变，多行内容垂直居中。 3、display: table-cellvertical-align：mid...

html: <div class=\"bigBox\"><div class=\"smallBox\"></div><div class=\"smallBox\"></div>&l...

像素和百分比和长度

为元素添加鼠标事件mouseover时，元素会出现闪烁。项目实现：当鼠标移进item-box元素时，元素向Y轴方向移动8px <div class=\"item-box\" @mouseover=\"sortOver\">&l...

1:2自适应布局元素的padding的百分比值是基于其父元素的宽度计算的，如此，设置元素宽度width:25%，元素高度不设定，元素padding-bottom:75%，就可以得到一个高宽比为3:1的盒子。或者，元素的宽高都不设定，设置元素...