静态页面学习记录-电商网站

:root选择器作用

:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。常用于声明全局的css变量

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

 

overscroll-behavior滚动效果

pointer-events 属性

 

visibility 属性

visibility 属性规定元素是否可见。

提示:即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。

 

 

object-fit 属性

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。

object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。

 

 

posted @ 2022-04-14 11:25  指尖掠过  阅读(26)  评论(0)    收藏  举报