绝对定位
position:
absolute
特性:
1、脱离文档流,定位元素占据的位置会释放
2、原点计算:如果该元素做了定位,那么就去找它做了定位的父元素(找最近的)作为原点基准,如果父元素都没做定位,则以浏览器(0,0)作为原点基准。
2025年04月21日
position:
absolute
特性:
1、脱离文档流,定位元素占据的位置会释放
2、原点计算:如果该元素做了定位,那么就去找它做了定位的父元素(找最近的)作为原点基准,如果父元素都没做定位,则以浏览器(0,0)作为原点基准。
2025年04月21日
前言
最近产品有个需求,要做个tab标签切换,这最基本的样式当然不在话下,但作为极客的我总要与众不同吧!于是大开脑洞,也就想出了个tab切换时候加个滑动动画(表笑我,谁让咱没达到UI交互设计师的高度呢),再然后正好想起本站曾经有个效果(传送门),于是乎找了这个效果demo给产品看,产品欣然同意了。
那么,问题又来了,之前的这个效果有几个弊端,也是我和产品认为不好的:
2025年04月21日
如果在图片上显示文字,经常会遇到这个情况,就是当文字和背景颜色差不多时,文字会看不清楚,我们一般通过给文字加text shadow或者修改图片的透明度来让文字显示更加突出。我们今天说一下透明度的问题,一般我们干这个活儿是通过photoshop来做,其实CSS本身也可以实现类似的效果。如何做?
咱们先从下面这个例子开始,有一张背景图片,上面有些文字:
对应的显示效果如下:
2025年04月21日
在现代Web开发中,CSS是不可或缺的一部分,它决定了网页的样式和布局。编写高质量的CSS代码不仅可以提高开发效率,还可以提升网页性能和用户体验。本文将为您分享一些有助于编写高质量CSS代码的技巧和建议,助您成为CSS编程的高手!
一、遵循CSS规范
2025年04月21日
不论是网站,桌面软件亦或者是app都会涉及到这个功能,让用户觉得恶心,更让程序员恶心的功能。你不会想的到的,它就是——注册和登陆!
别不信,我给你一分析你就懂了。
首先,作为用户,我是极不愿意注册的,那么麻烦,要填一堆信息,还经常把密码忘了,关键是每个网站都有一个账号密码,混乱,混乱你懂吗?而且所有的网站等你注册后就会跟踪你的信息和浏览习惯,后台大数据计算你的喜欢,给你推送广告什么的,隐私,呵呵,你有什么隐私……
其次,作为程序员,我艹,真不想爆粗口,这个注册和登陆的逻辑是有多麻烦?只有在码代码的我和天知道!真是bi了狗狗的感觉……
2025年04月15日
Adobe XD的美化栏具有将设计视图美化的功能,它能使界面设计和原型设计更漂亮、更吸引眼球。
美化栏的7个功能包括竖线布局设计、横线布局设计、重复网格、图形大小和位置设置、响应式调整大小、文字美化以及外观美化。