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