![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
xiaogang's blog
趁着砖不烫手的时候赶紧搬
展开
-
CSS渐变属性(gradient)的用法
渐变分为线性渐变和径向渐变,所谓渐变就是几种颜色之间的平稳过渡。线性渐变线性渐变(linear-gradient)实现线性渐变,你至少需要定义两种颜色的结点,这两种结点就是你想平稳过渡的颜色,即:其中一种颜色结点为起点,另一种颜色结点为结束点。书写:background: linear-gradient(color1,color2);color1为起点结点,color2为结束...转载 2019-07-18 15:28:05 · 958 阅读 · 0 评论 -
几种实现动画效果的优化方法(will-change属性的使用)
几种实现动画效果的优化方法: 准备知识 GPU是图形处理器,专门处理和绘制图形相关的硬件。GPU是专为执行复杂的数学和几何计算而设计的,使得CPU从图形处理的任务中解放出来,可以执行其他更多的系统任务 所谓硬件加速,就是在计算机中把计算量非常大的工作分配给专门的硬件来处理,减轻CPU的工作量 CSS的动画、变形、渐变并不会自动触发GPU加速,而是使...原创 2019-07-11 11:02:10 · 2973 阅读 · 0 评论 -
《低级错误总结》
工作中常常还会因为一些低级的错误,导致开发效率地下,这些错误是通过强化意识可以避免的。① 直接给行内元素设置 width height② css选择权重不够,导致的样式添加不上...原创 2019-07-31 11:40:51 · 294 阅读 · 0 评论 -
禁止选中网页中的内容
在网页中进行用户操作时,会遇到当用户拖动鼠标时,选中网页中的部分内容,影响用户体验。所以我们要解决这种问题,提升用户体验。方法:①css*{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:non...原创 2019-08-24 08:45:39 · 261 阅读 · 0 评论 -
<img>元素底部为何有空白?
作者:尤雨溪链接:https://www.zhihu.com/question/21558138/answer/18615056来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。要理解这个问题,首先要弄明白CSS对于 display: inline 元素的 vertical-align 各个值的含义。vertical-align 的默认值是 baselin...转载 2019-08-16 17:30:34 · 87 阅读 · 0 评论