前端

object-fit: cover;

使图片保持原有比例?

这种情况大概是头像用得比较多,头像一般都是div+img这样吧,父级div用于裁剪,子img中的图片假如不是正方形、正圆形,为了填充那就得加上width:100%;height:100%,这样看似没啥问题,但是实际效果会是变形的,加上object-fit: cover;可以解决类似的问题

.class1:hover + .class2

当class1处于hover时,改变class2的样式,不过这种方式只生效于下一个同级标签

.class1:hover .class2

当class1处于hover时,改变所有子级中class2的样式

关于配色

除了排版之外,配色也会很大程度的影响到页面的观感,虽然这是UI的活

假如自己要开发某个APP或者网站,UI设计自然也就得学起来了,没有UI或者参考的情况下进行编码只能说非常难了