CSS

2018年十大轻量级的CSS框架为构建快速网站

2018年十大轻量级的CSS框架为构建快速网站

如果你正在寻找一个新的CSS框架为你的下一个前端开发项目,请阅读一个开发人员对一些流行的选择的评论。 当建立一个网站时,使用CSS框架是一个真正的节省时间的方法,因为它为你提供了每个网页设计师在制作网站时需要的工具。但是正如你所知道…
CSS选择器如此之多,你了解多少?

CSS选择器如此之多,你了解多少?

前言 css选择器非常之多,常见的如class选择器,id选择器,标签选择器等等。每个的用法都有所区别,虽然很多都能到达同样的效果,但还是有一些更优的选择。 class、id、标签选择器 这个几个就不细说了,class和标签选择器主…
CSS实现多重边框的5种方式

CSS实现多重边框的5种方式

前言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性,但如果要兼容老的浏览器,则需要选择其他的方案。本文简要地列举了几种多重边框的实现方案,大家可以根据项目实际及兼容性要求等情况,选择最适合的实现方案。 …
web开发中该用 em 还是 rem 呢?

web开发中该用 em 还是 rem 呢?

简言 em 和 rem这种相对长度单位进行页面排版是web开发中的最好的选择。在页面排版中较好应用em 和 rem,根据设备尺寸缩放显示元素的大小。这就使得组件在不同设备上都达到最佳的显示效果成为可能。 但问题是究竟该用 em 还是…
CSS3中transition、transform傻傻分不清楚

CSS3中transition、transform傻傻分不清楚

前言 css属性很多,无论是字母的拼写还是字面上的意思,很多人都容易混淆,包括我在内,也时不时需要去看看到底是咋回事,是不是也混淆过你~ 下面列举几个最容易混淆的属性: 属性 含义 animation(动画) 用于设置动画属性,他是…
Jquery和CSS3轻松实现放大镜效果

Jquery和CSS3轻松实现放大镜效果

前言 每当打开淘宝,天猫等pc端时,看到心仪的物品时,点击图片时,便呈现出放大的效果。有没有去理解分析它的原理?是不是感觉非常的神奇?当真正地去接触,其实非常好理解。下面一起来学习! 在线演示地址 [codepen_embed he…
CSS绘制三角形和箭头,不用再用图片了

CSS绘制三角形和箭头,不用再用图片了

前言 还在用图片制作箭头,三角形,那就太lou了。css可以轻松搞定这一切,而且颜色大小想怎么变就怎么变,还不用担心失真等问题。 先来看看这段代码: /**css*/ .d1{ width: 0; height: 0; border…