CSS 平滑滚动 scroll-behavior: smooth
摘要：凡是需要滚动的地方都加一句scroll-behavior:smooth 来提升滚动体验！ 经常使用的锚点定位功能就有了平滑定位功能，如<a href="#">返回顶部</a>全局css中也建议添加html, body { scroll-behavior:smooth; } 在html里添加scrol
阅读全文
posted @
2022-12-29 22:50
Numver
阅读(646)
推荐(0) 编辑
CSS clip-path 属性
摘要：属性定义及使用说明 clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。可以指定一些特定形状。 注意： clip-path 属性将替换已弃用的 clip 属性。 默认值: none 继承: no 动画: 支持。 版本: CSS 屏蔽模块级别 1 JavaScri
阅读全文
posted @
2022-12-14 18:31
Numver
阅读(102)
推荐(0) 编辑
CSS pointer-events 属性
摘要：pointer-events 属性用于设置元素是否对鼠标事件做出反应。 CSS 语法 pointer-events: auto|none; 属性值 属性值描述 auto 默认值，设置该属性链接可以正常点击访问。 none 元素不能对鼠标事件做出反应 initial 设置该属性为它的默认值，查看更多i
阅读全文
posted @
2022-12-14 18:27
Numver
阅读(97)
推荐(0) 编辑
CSS函数var
摘要：/*全局变量保存的地方*/ :root { --main-bg-color: red; /* 变量名必须以--开头 */ } var(custom-property-name, value) 值描述 custom-property-name 必需。自定义属性的名称，必需以 -- 开头。 value
阅读全文
posted @
2022-12-14 18:10
Numver
阅读(23)
推荐(0) 编辑
媒体查询
摘要：页面头部必须有meta关于viewport的声明 <meta name="’viewport’" content="”width=device-width," initial-scale="1." maximum-scale="1,user-scalable=no”"/> 通常在做响应式布局的时候，
阅读全文
posted @
2022-12-14 17:56
Numver
阅读(13)
推荐(0) 编辑
CSS伪类三角形
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @
2022-12-14 17:54
Numver
阅读(587)
推荐(0) 编辑
文字溢出
摘要：1. 文字单行溢出 overflow: hidden; // 溢出隐藏 text-overflow: ellipsis; // 溢出用省略号显示 white-space: nowrap; // 规定段落中的文本不进行换行 2. 多行文字溢出 overflow: hidden; // 溢出隐藏 tex
阅读全文
posted @
2022-12-14 17:32
Numver
阅读(23)
推荐(0) 编辑
