css教程 - 前端资源网

LESS中加‘~’符号的区别

Deshun 发布于 3年前 (2022-04-07) 3848℃ 评论(0) 赞 (0)

在 *.less 文件中写：.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的：.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...

3

Deshun 发布于 6年前 (2019-05-23) 7240℃ 评论(0) 赞 (0)

日常项目中，后端传图不规则，比例大小不一。前端又要去做适应，是一个让人非常头大的问题。总结了一个不规则图片不变形的解决方案：注：先写一个长 300px 宽 200px 带边框的 div ，图片接近方形，实现图片正常显示不变形。<div class="bo...

2

Deshun 发布于 6年前 (2019-05-14) 2740℃ 评论(0) 赞 (2)

奇葩老板就会有奇葩需求，他要求像上图一样，每两行用一条横线隔开，但这是循环出来的呀，怎么才能每隔一行选中5个呢？可以用 CSS 选择器 nth-child 来实现：nth-child 有不少扩展应用，比如：nth-child(odd) 匹配奇数个（1、3、5）。nth-...