很多网站、APP 前段时间一下都变灰了。 先来感受一下变灰后的效果。

rem 是 css 的长度单位，它是相对于 元素的 font-size 的相对值。假设 html { font-size: 20px; }，那么 1rem 就等于 20px。

css设置文字渐变色及文本阴影。代码实现思路：1.文字设置为从坐上到右下的渐变色；2.创建伪元素'88.8'给文字‘88.8’添加阴影效果（注意：伪元素的层级要比本身dom元素的层级低，否则会覆盖在文字上）......

一.解决图片底部3个像素问题原因：底部多余的为图片3像素。是由图片元素默认为inline-block引起的。方法： 1，给img图片标签添加属性vertical-align:top;（不是baseline即可）2，img的父标签添加属性：font-size：0；3，给图片添加属性：display:block;二.超出文本隐藏，并用省略号代替方法： overflow:hidden;//超出隐藏text-overflow:ellipsis;//超出部分用…代替white-space:nowrap

::v-deep 与 /deep/ 都是深度选择器(样式穿透)，都能实现对组件内部的样式修改；但是具体有什么区别，公司同事主张使用 ::v-deep，说是能加快编译速度。使用上就是 如果你用 /deep/ 没有生效,换一种 试试 ::v-deep 一般都是可以的.如果使用 less 对 css 做出预处理的话，使用 /deep/ 就可以完成样式穿透的行为；但是我使用的 scss 对 css 做出的预处理，所以不能够使用 /deep/ 而应该使用 ::v-deep 才对<style scoped

什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 需要注意的是，设为flex布局以后，子元素的float、clear和vertical-align属性将失效 * webkit内核的浏览器，必需加上-webkit前缀.box{ display:-webkit-flex; display:flex;}flex-box(容器)：5个有用，1个集合属性1.flex-