CSS

CSS 数学函数 clamp() 浏览器会首先尝试使用 PREFERRED 值，如果 PREFERRED 值小于 MIN，则采用 MIN 值，反之，则采用 MAX 值。 流体式字体排版 1.5rem 

使用 background 实现文字渐变色 效果展示 使用 mask-image 实现文字渐变色 效果展示 效果展示

```css html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -moz-filter: graysca

--- highlight: atelier-estuary-light --- ```html 请输入密码 ``` ```css /* 通用 */ ::-webkit-input-placehold

吸顶效果 :empty 选择器 通过 :empty 选中内容为空的容器，然后通过伪元素为空容器添加提示 gap 日常开发中，用 padding 和 margin 情况，margin 一般用做边距，让两

CSS设置元素可以滚动但不显示滚动条 滚动条样式的属性 注意：滚动条样式的修改是通过伪元素实现的 CSS修改页面滚动条的样式

标准盒子模型 构成：内容（文本、内容、宽高）、内间距、边框、外间距 内容代表元素的宽高（所占的宽高，设置的宽高） 增加了内间距和边框之后整体会放大，占位会增加 以上盒子模型如果遇到因内间距和边框增加之

盒子阴影 如果元素同时设置了 border-radius 属性，那么阴影也会有圆角效果。 文字阴影 上述表达的意思为：阴影在水平方向上向右偏移 1px，垂直方向上向下偏移 1px，模糊程度为 1px，

CSS实现单行文本超出显示省略号 CSS实现多行文本超出显示省略号 注意： 因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端； -webkit-line-clamp用来限制

目标：实现son元素的水平垂直居中 方式一：使用绝对定位 + transform，给子元素添加如下样式 这种方式适用于父子元素都不确定宽高的情况 方式二：使用绝对定位 + margin，给子元素添加如