CSS

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端时,看到心仪的物品时,点击图片时,便呈现出放大的效果。有没有去理解分析它的原理?是不是感觉非常的神奇?当真正地去接触,其实非常好理解。下面一起来学习! html <div class="magn…
CSS绘制三角形和箭头,不用再用图片了

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

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

html中如何设置默认图片?

前言 大家可能都知道img标签是怎么设置默认图片的,但是你知道background-img是如何设置默认图片的嘛? img <img src="图片的url地址" alt="图片描述" onerror="this.src='默…
分分钟学会CSS Grid布局

分分钟学会CSS Grid布局

前言 Grid 布局是网站设计的基础,CSS Grid 是创建网格布局最强大和最简单的工具。 CSS Grid 今年也获得了主流浏览器(Safari,Chrome,Firefox,Edge)的原生支持,所以我相信所有的前端开发人员都…
这15种CSS居中的方式,你都用过哪几种?

这15种CSS居中的方式,你都用过哪几种?

简言 CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15种。如有漏掉的,还会陆续的补充进来,算做是一个备忘录吧。 水平居中 内联元…