css相关

说明：一款css预处理语言，语法完全兼容 CSS3，SCSS 和 CSS 写法无差别； sass和scss的关系： 1.变量：$ 符号来标识变量；把反复使用的css属性值定义成变量； 2.嵌套： 3.

项目中经常会遇到全站样式统一的问题，现特针对颜色为例使用css -> scss的形式统一全局样式，方便维护；

需求，滚动条宽度太小，不方便操作，希望hover之后滚动条变大 滚动条滑块是由背景颜色和border共同渲染的。 完整代码：

电梯效果： 跳转对应dom： 导航吸顶效果： 滚动变化导航效果： 左侧标题导航，右侧具体内容， 点击左侧导航，右侧滚动到对应内容 滚动右侧内容，左侧导航样式对应切换 左侧导航滚

Css各种伪类事件 :active 点按，向被激活的元素添加样式。 :focus 焦点输入，向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 链接

Chrome/safari 取消滚动条，滚动不影响 IE 10+ Firefox，多个浏览器兼容问题

原因: 　　图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以就会出现上图的情况（图片底部出现一个小留白区域） 解决方法: 　　第一种方

Css绝对定位之后居中： 1.CSS3: 以上如果只想水平或者垂直居中修改对应的X，Y既可 translate(X, -Y); 2.margin: 垂直水平居中； 以上如果只想水平或者垂直居中修改对应

例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； 支持vh 等；