![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 58
css
chan小兄弟
这个作者很懒,什么都没留下…
展开
-
vue冷知识点(一)
vue挑战原创 2022-07-13 09:47:28 · 778 阅读 · 0 评论 -
css 开发注意点与技巧-1
前言提示:个人觉得CSS是每个前端开发人员都必须掌握的基础,以完成相应的交互和终端设备的响应。在项目开发中,有些容易被忽略的小问题带来项目后期的胶水代码。1.使用相对单位常我们在项目开发中,使用px作为尺寸的单位,而不是使用相对单位,如:rem、em等。在万物互联的时代,最好的方式是相对单位rem、vh、vw等现代 CSS 布局(如 flexbox 和 grid)方式,最大限度的支持各种终端设备绝对单位 px 是一个绝对单位,主要是因为它是固定的,不会根据任何其他元素的测量而改变相对单位 v原创 2021-06-23 09:41:17 · 93 阅读 · 0 评论 -
原子化css
提示:facekbook twitter最近的产品部署 主页减少了80%的css体积一、什么是原子css//比如<button class="button button--state-danger">Danger button</button>/* 原子css*/.bw-2x{ broder-width:2px;}.bss{ border-style:solid;}.sans{ font-style:sans-serif:}.p-1x{ padding原创 2021-01-25 13:21:27 · 1196 阅读 · 0 评论 -
css 炫酷特效
一、霓虹灯光的实现示例代码如下:** 多重阴影 给按钮加三层阴影,从内到外每层阴影的模糊半径递增,这样的多个阴影叠加在一起,就可以形成一个类似霓虹灯光的效果**<div class="light">css light</div>.light { width: fit-content; padding: 25px 30px; color: #03e9f4; font-size: 24px; text-trans原创 2021-05-04 16:04:04 · 552 阅读 · 0 评论