css

在 CSS3 中引入了 calc() 函数，var()函数 可以在属性值中使用数学表达式进行计算 

os: 如果要使元素高度刚好填满整个屏幕，可以用100vh - 兄弟元素的高度（兄弟元素单位用vw或rem表示）
:root {

  --sidebar-width: 10vw;

}

.sidebar {

  width: var(--sidebar-width);

}

.main-content {

  width: calc(100vh - var(--sidebar-width));

}

元素不可点击（产生点击穿透）

pointer-events: none;

页面变灰

html {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-filter: gray;

    filter: gray;

    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);

    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);

}