CSS手记
文章平均质量分 77
及时行乐、
不求上进的码农不是好ADC
展开
-
记字节一道面试题
<div class="container"> <div class="left"></div> <div class="right"></div></div><style> * { padding: 0; margin: 0; } .container { width: 600px; height: 300px; display: flex; }原创 2020-05-27 09:15:23 · 173 阅读 · 0 评论 -
【CSS】斑马纹背景
今天记录一下——CSS斑马纹背景实现CSS斑马纹背景实现有两种不同的实现方法(还有多的方法大家快分享给我)1、背景的 liner-gradient ;2、设置伪类 nth-of-type(even)/nth-child(even) 的背景颜色。根据条纹形状不同来使用不同方法竖状、横状这两种形状能用两种方法实现,但是根据业务不同使用方法也不同:1、每行条纹上,需要有内容展示,如下①表格,...原创 2019-03-06 11:28:30 · 1607 阅读 · 0 评论 -
【CSS】CSS动画硬件加速原理
过去几年,我们常常会听说硬件加速给移动端带来了巨大的体验提升,但是即使对于很多经验丰富的开发者来说,恐怕对其背后的工作原理也是模棱两可,更不要合理地将其运用到网页的动画效果中了。在本文中,我会和大家分享有关硬件加速的前端技巧。硬件加速的工作原理浏览器接收到页面文档后,会将文档中的标记语言解析为DOM树。DOM树和CSS结合后形成浏览器构建页面的渲染树。渲染树中包含了大量的渲染元素,每一个渲染元...原创 2019-07-15 15:39:37 · 478 阅读 · 0 评论