聪明的竹子的博客

.class { border: 1px solid transparent; transition: border-color 0.3s ease-in-out; &:hover { border: 1px solid #5170fe; }}

CSS黑魔法，可以理解为。你用它的情况很少，但是在你需要黑魔法来实现一下CSS布局或者效果的时候，你会发现它非常好用。 以下，是我在工作中，用到的黑魔法。写下来是方便以后查阅。撑起图片高度它的实现效果利用该元素的 position:relative 和 padding-top 的值来设置。但是，得有前提条件设置这个元素的 width: 100%;height: 0。 最后,设置...

1像素边框// 初始化公用属性.border-top-1px, .border-right-1px, .border-bottom-1px, .border-left-1px position: relative &::before, &::after content: "" display: block position: absolut...

前言因为在公司，只有一个前端，在做移动端布局的时候。利用px进行布局,发现，需要进行各种手机的适配。所以在开发第二版的时候，想着引用lib-flexible库(即手淘的方案),询问了上一家公司的同事，会有一些字体和一些诡异的问题。在无意中，突然一个网友跟我说，他有一个很好用的适配方案。利用vw+rem。听着他分析了一把，感觉还不错，所以大胆尝试了一把根据CSS3规范,视口单位主要包括以下4...